Results 1 to 3 of 3

Thread: Ultimate Fade-in slideshow - divide the toggler in separated divīs

  1. #1
    Join Date
    Oct 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Ultimate Fade-in slideshow - divide the toggler in separated divīs

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

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

    3) How can i get separated divs for the toggler functions, "next" and "prev" ?


    THX

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    The script doesn't care what you do inside the toggler element (it doesn't even have to be a div tag). My preference is to make it a span, at least for certain purposes. In your case though, I would be inclined to leave it as a division, and depending upon just what you intend to do with its next/previous and status elements (which also don't have to be any particular element), do something like so:

    Code:
    <div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
    <div>
    <a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png" style="border-width:0" /></a>
    </div>
    <div>
    <span class="status" style="margin:0 50px; font-weight:bold"></span>
    </div>
    <div>
    <a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png" style="border-width:0" /></a>
    </div>
    </div>
    Each inner division may then be styled as desired. However, even this much flexibility may not be enough. You can make up your own previous button simply by giving any element this onclick event:

    Code:
    onclick="mygallery.navigate('prev'); return false;"
    for next:

    Code:
    onclick="mygallery.navigate('next'); return false;"
    where mygallery is the name of the variable you used to define that slide show instance.

    For a separate rendering of the status feature, though I'm sure there may be an easier way, one can just setup a togglerid element and make everything but the status element in it display: none;

    In all of the above I am assuming some basic knowledge of javascript, css and HTML, but it really is very simple even if you are not familiar with the basics, though if not, you might want more specifics. If you want more help on this, feel free to ask.
    - John
    ________________________

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

  3. #3
    Join Date
    Oct 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    John: you are the best!
    Really.

    Greets from old Vienna
    Herb

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
  •