Results 1 to 4 of 4

Thread: How to change the path of the images in js.file[Smooth Navigational Menu (v1.31)]

  1. #1
    Join Date
    Aug 2009
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default How to change the path of the images in js.file[Smooth Navigational Menu (v1.31)]

    1) Script Title: Smooth Navigational Menu (v1.31)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem:
    I have installed the menu and everything is fine but only the arrow images cannot be shown. I use the Navigational Menu in a phpbb forum. And I only use the horizontal style , not the vertical style.

    Because I have to place the images to other folder , not as instructed to put them in the same directory as the page itself.

    Here is the path of the jquery.min.js :

    Code:
    root/jquery/jquery.min.js
    Here is the path of the ddsmoothmenu.js :

    Code:
    root/styles/rainbow/template/ddsmoothmenu.js
    Here are the path of the ddsmoothmenu.css, arrow.gif, down.gif :

    Code:
    root/styles/rainbow pearl/theme/navigational_menu/ddsmoothmenu.css
    root/styles/rainbow pearl/theme/navigational_menu/arrow.gif
    root/styles/rainbow pearl/theme/navigational_menu/down.gif
    I have changed the code in the page as follow :
    (part of the code)
    Code:
    <link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/netvigation_menu/ddsmoothmenu.css" />
    <script type="text/javascript" src="./jquery/jquery.min.js"></script>
    <script type="text/javascript" src="{T_TEMPLATE_PATH}/ddsmoothmenu.js">
    My question is in the ddsmoothmemu.js , how to edit the path of the images:
    Code:
    //Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
    arrowimages: {down:['downarrowclass', 'down.gif', 23], right:['rightarrowclass', 'right.gif']},
    Thank you !

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    The easiest way is actually just to change the image paths so they are absolute URLs, ie:

    Code:
    arrowimages: {down:['downarrowclass', 'http://www.mysite.com/images/down.gif', 23], right:['rightarrowclass', 'http://www.mysite.com/images/right.gif']},
    DD Admin

  3. #3
    Join Date
    Aug 2009
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thank you very much for your reply, the arrows now show up.

    But one question is how to align the menu headings to center instead of from the left side.

    Thank you !

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hi earthsolar:
    The alignment issue has been asked a few times on the forums. Basically the menu's use of CSS float:left makes it difficult. this is a CSS issue though- if you're able to rework the CSS so to not use CSS float but still retain the look you like, then that will work.
    DD Admin

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    earthsolar (08-28-2009)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •