Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: changing details slideshow

  1. #1
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default changing details slideshow

    1) Script Title: Swiss Army slideshow

    2) Script URL (on DD): http://dynamicdrive.com/dynamicindex...army/index.htm

    3) Describe problem:
    Hey all,
    I'd like to change a little the swiss army knife, second slideshow:
    - how do I change the buttons into text ('next' and 'previous')
    - how do I place this text below the slideshow
    - where do I change the text "viewing image" into another language
    Thanks for helping me out !

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I can't really test this since the script is not working for me, I tested it in FF3, IE7 and Opera 9.6 but it won't work. However, if it works for you, take a look at the .js file.

    On row 119 you can change the text "viewing image" to you preferred language.

    On rows 125-127 you can find the buttons. This is what the << looks like:
    Code:
    <input id="prev'+this.issid+'" disabled type="button" value=" << " onclick="iss['+this.issid+'].changeimg(false, \'nav\');">
    And this is what you could do to transform it into a link:
    Code:
    <a id="prev'+this.issid+'" onclick="iss['+this.issid+'].changeimg(false, \'nav\');">previous</a>
    Do the same for the other one. I think that should work, but like I said, the script doesn't work for me so I can't test it.

    About pacing the text below the slideshow, I suggest you take a look at the page with firebug or something to see how the html code looks like and then go into the .js file and look it up and change it. Looking just at the .js file, the solution might be to just move row 130 between rows 124 and 125.

  3. The Following User Says Thank You to Snookerman For This Useful Post:

    chechu (12-07-2008)

  4. #3
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Code:
    On rows 125-127 you can find the buttons. This is what the << looks like:
    
    Code:
    <input id="prev'+this.issid+'" disabled type="button" value=" << " onclick="iss['+this.issid+'].changeimg(false, \'nav\');">And this is what you could do to transform it into a link:
    
    Code:
    <a id="prev'+this.issid+'" onclick="iss['+this.issid+'].changeimg(false, \'nav\');">previous</a>Do the same for the other one. I think that should work, but like I said, the script doesn't work for me so I can't test it.
    I guess this one is not correct, as nothing comes up now.

  5. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Could you please attach the .js file? Like I said, the script doesn't work at all for me (not even the DD demo) but the buttons still show, and when I changed them into links they worked fine for me.

  6. #5
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Please find attached. I kept the original one, so you can change from there.

  7. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Try this:
    Attachment 2292

  8. The Following User Says Thank You to Snookerman For This Useful Post:

    chechu (12-07-2008)

  9. #7
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Very nice, and very good Flemish !

    Two things:
    - is it possible to have a hand showing when moving over the text links and remove the 'alt' function
    - can the 'next' and 'previous' go under the image
    Thanks thanks thanks !
    Last edited by chechu; 12-07-2008 at 05:04 PM.

  10. #8
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Thanks! Here is the file again:
    Attachment 2293

    And the "prev" "stop" and "next" link are under the image as a default.
    Here is a test I managed to do (the pictures are just random ones from google, I searched for "something" so no subliminal messages there):
    Attachment 2294 Remove the .txt suffix

  11. #9
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    You can see the result here
    Could you add the following, please:
    - remove the alt on the arrows
    - place the arrows under the text under the image
    Thanks !

  12. #10
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    This should remove the toolbox:
    Attachment 2295

    I'll take a look at why the arrows are above the image in a while, I've got some things to do ATM.

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
  •