Advanced Search

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

Thread: Ultimate fade in slide show- fade time

  1. #1
    Join Date
    Jul 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Ultimate fade in slide show- fade time

    1) Script Title: Ultimate fade- in slide show

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

    3) Describe problem:
    I would like to have more of a fade in/fade out
    in between images.

    how can I do this?

    Shika

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    maybe you want to change the fade duration ? if so find this

    fadeduration: 500, //transition duration (milliseconds)

    and change 500 to 1000 or what is appropriate. It is the fade duration in milliseconds.

  3. #3
    Join Date
    Jul 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Thanks for you reply.

    I tried this and it doesn't
    give the "fade" effect.

  4. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    do you have a link to you site ? And maybe also a link to a site that has the "fade" effect you want.

  5. #5
    Join Date
    Jul 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I showed it to my client, and they were satified with the slower
    fade. Thanks again!

  6. #6
    Join Date
    Jul 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

    Another question:
    I want to use Have the description below the image, which I have working using the "#info2" div.
    The problem is that it still shows up on the image also. Am I missing something? Here is what I have-

    displaymode: {type:'auto', pause:3500, cycles:5, wraparound:true, randomize:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 1500, //transition duration (milliseconds)
    descreveal:"none",
    togglerid: "",
    onslide:function(curimage, index){
    var imagearray=this.setting.imagearray
    jQuery('#info2').html(imagearray[index][3])
    }


    Also I want to have a poem for one image. Is there a way to format it
    to look like a poem without using <br /> or <br>. It wont validate with either.

  7. #7
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I can't see anything wrong with the part of the script you have posted so I guess the problem lies elsewhere. I'm not sure what you mean with the 'validate' part. I think we need a link to the site with the problem to get further with it.

  8. #8
    Join Date
    Jul 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    This is the web url:

    http://www.dianesepanski.com/awards.html


    The validator - w3c validator
    It comes up with page errors - <br /> tags I put in the image array for the description in the head section are the problem.
    I am not sure how to change this and have the text display the way I
    want it to. Any suggestions?

  9. #9
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    The first thing I would suggest is that you try the newer version of the fadeslideshow.js

    version 2.4

    http://www.dynamicdrive.com/dynamici...deslideshow.js

    it might just help with your first problem.
    When using xhtml doctype you need selfclosing tags, right now the br tags are not closed on your page, but I'm not certain if that's the only problem. I will experiment a bit with it and report back if I find out something

  10. #10
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Okay I found that using selfclosing tags was not enough to make it validate. But when using xhtml doctype you can use the cdata stuff for example like this
    Code:
    <script type="text/javascript">
    /* <![CDATA[ */
    
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats<br />relaxing next<br /> to the pool when the weather is hot."],
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
    		["http://i30.tinypic.com/531q3n.jpg"],
    		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    	persist: false, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
    
    /* ]]> */
    </script>
    and that will actually make it validate even with the <br /> tags
    Last edited by azoomer; 07-22-2010 at 09:08 PM.

  11. The Following User Says Thank You to azoomer For This Useful Post:

    shika (07-22-2010)

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
  •