Results 1 to 5 of 5

Thread: Swiss Army Image Slideshow

  1. #1
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default Swiss Army Image Slideshow

    I have 3 problems witht he script:

    1. I do not want the part : Viewing Image: "1 of 3". As soon as I delete it then I get an error

    2. I want the arrows to be below the image.
    How do I move them

    3. I have another DD script on this page:http://www.dynamicdrive.com/dynamici...nslideshow.htm
    when both are on the same page then it doesnt work

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    With Swiss Army, you don't delete things, you configure it. So, for #1 on your list, simply omit the:

    counter=1

    property (from the demo code, get rid of/don't use the red part):

    Code:
    var slides2=[]; //SECOND SLIDESHOW
    //configure the below images and descriptions to your own. 
    slides2[0] = ["photo6.jpg", "Crucifix"];
    slides2[1] = ["photo7.jpg", "Alter Boys"];
    slides2[2] = ["photo8.jpg", "Young Pan"];
    slides2[3] = ["photo9_thumb.jpg", "Mona Lisa"];
    //optional properties for these images:
    slides2.desc_prefix='<b>Description:<\/b> '; //string prefix for image descriptions display
    slides2.controls_top=1; //use for top controls
    slides2.counter=1; //use to show image count
    slides2.width=140; //use to set width of widest image if dimensions vary
    slides2.height=225; //use to set height of tallest image if dimensions vary
    slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
    slides2.use_alt=1; //use for descriptions as images alt attributes
    slides2.use_title=1; //use for descriptions as images title attributes
    slides2.nofade=1; //use for no fade-in, fade-out effect for this show
    slides2.border=2; //set border width for images
    slides2.border_color='lightblue'; //set border color for images
    For #2 on your list, that is also the default, so omit/don't use the:

    controls_top=1

    property (from the demo code, get rid of/don't use the red part):

    Code:
    var slides2=[]; //SECOND SLIDESHOW
    //configure the below images and descriptions to your own. 
    slides2[0] = ["photo6.jpg", "Crucifix"];
    slides2[1] = ["photo7.jpg", "Alter Boys"];
    slides2[2] = ["photo8.jpg", "Young Pan"];
    slides2[3] = ["photo9_thumb.jpg", "Mona Lisa"];
    //optional properties for these images:
    slides2.desc_prefix='<b>Description:<\/b> '; //string prefix for image descriptions display
    slides2.controls_top=1; //use for top controls
    slides2.counter=1; //use to show image count
    slides2.width=140; //use to set width of widest image if dimensions vary
    slides2.height=225; //use to set height of tallest image if dimensions vary
    slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
    slides2.use_alt=1; //use for descriptions as images alt attributes
    slides2.use_title=1; //use for descriptions as images title attributes
    slides2.nofade=1; //use for no fade-in, fade-out effect for this show
    slides2.border=2; //set border width for images
    slides2.border_color='lightblue'; //set border color for images
    For #3 on your list, Swiss Army can be made to look exactly like Ultimate Fade and be used several times on a page, and each use can be customized differently if desired, so there is no reason to use both on the same page:

    Code:
    var slides2=[]; //SECOND SLIDESHOW
    //configure the below images and descriptions to your own. 
    slides2[0] = ["photo6.jpg", ""];
    slides2[1] = ["photo7.jpg", ""];
    slides2[2] = ["photo8.jpg", ""];
    slides2[3] = ["photo9_thumb.jpg", ""];
    //optional properties for these images:
    slides2.no_descriptions=1;
    slides2.no_controls=1;
    slides2.no_added_linebreaks=1;
    If you need more help:

    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    thank you for fantastic help

    last request: I would like the description to be in bewtween the 2 arrows

  4. #4
    Join Date
    Dec 2005
    Posts
    133
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    one more: forthe first fade slideshow I do not want the stop and arrow buttons. How can I delete them?

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by emanuelle View Post
    thank you for fantastic help

    last request: I would like the description to be in bewtween the 2 arrows
    That's actually a little tricky. A good understanding of css style would help. Or you could attempt to edit the script. I prefer the style approach. The buttons have id's:

    prev# - for the << button
    next# - for the >> button
    gostp# - for the Play/Stop button (if used)

    where # corresponds to the instance number of the slide show on the page, the first slide show is 0, the second is 1, the third is 2, and so on. So for the first slideshow on a page, these could be used as style selectors (example for id prev0, the << button):

    Code:
    #prev0 {
    position:relative;
    left:-10px;
    top:-10px;
    }
    So basically, using positioning, and/or margins, and/or padding, you can move them around wherever you want them to be. For more information on style, see your favorite css reference or:

    http://www.eskimo.com/~bloo/indexdot...pindex/all.htm

    Quote Originally Posted by emanuelle View Post
    one more: forthe first fade slideshow I do not want the stop and arrow buttons. How can I delete them?
    Use this (red) as one of its properties:

    Code:
    var slides=[]; //FIRST SLIDESHOW
    //configure the below images and descriptions to your own. 
    slides[0] = ["photo1.jpg", "Kissing Fools"];
    slides[1] = ["photo2.jpg", "Seated Woman"];
    slides[2] = ["photo3.jpg", "The Dog Lovers"];
    slides[3] = ["photo4.jpg", "Standing Woman"];
    slides[4] = ["photo5.jpg", "John, Mary and Jesus"];
    //optional properties for these images:
    slides.no_controls=1;
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. The Following User Says Thank You to jscheuer1 For This Useful Post:

    emanuelle (04-28-2008)

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
  •