Results 1 to 3 of 3

Thread: Ultimate fade-in slideshow Text box width

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

    Default Ultimate fade-in slideshow Text box width

    1) Script Title: Ultimate Fade-in slideshow (v2.4)

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

    3) Describe problem:

    I am using the ultimate fade-in slideshow for a while now.

    I am wondering if it is possible to have the textbox adapt its width to the width of the image that is showing on the moment.
    I am working with images of diferent sizes but the textbox always stays the size of the wrapperdiv.

    I hope someone can help me.

    Url to the page: http://www.fotonewvision.nl/portfolio_zakelijk.php


    Regards,

    Roger

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,957
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    The way you have it there I'm assuming you could also do without the close and restore images showing up. I hope so because figuring out what to do with them would be a pain. I've disabled them by setting their width and height to 0.

    Working from your already modified version I added in code to get the description centered and of the same size as the image (right click and 'save as'):

    Attachment 3967

    Use it in place of the current fadeslideshow.js file.

    Added Later:

    For an interesting variation where the description follows the image vertically as well, try:

    Attachment 3968

    Also, with either of these, you may want to increase the height dimension by 10:

    Code:
    <script type="text/javascript">
    var mygallery=new fadeSlideShow({
    	wrapperid: "slideshow",
    	dimensions: [450, 510],
    	imagearray: [["../images/Konings-Meeuwissen_NEC_YvonneVeens.jpg","","","Konings-Meeuwissen.nl"], ["../images/Yvonneveens-Konings-meeuwissen.jpg","","","Konings-Meeuwissen.nl"], ["../images/YvonneVeens_konings-meeuwissen.jpg","","","Konings-Meeuwissen.nl"]
    	],
    	displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
    	persist: false,
    	fadeduration: 500,
    	descreveal: "always",
    	togglerid: "slideshowtoggler"
    })
    </script>
    Last edited by jscheuer1; 07-08-2011 at 01:54 PM.
    - John
    ________________________

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

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

    roger71 (07-08-2011)

  4. #3
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Hello John,

    This is exactly what I am looking for !!
    Many thanks for your quick response.

    Regards,

    Roger

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
  •