Results 1 to 4 of 4

Thread: slideshow bullet button

  1. #1
    Join Date
    May 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default slideshow bullet button

    i have used fade slide show ( Ultimate Fade-in slideshow (v2.4)
    ) and it is perfect for what i mean just i need to have a bullet (next and back button) for switching between slides.
    please help me to resolve this one?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    .
    Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread, and:

    Warning: Please include a link to the DD script(s) in question in your post. See this post for more information.


    It's mostly clear that you mean:

    http://www.dynamicdrive.com/dynamici...nslideshow.htm

    I'm not so sure what you mean by bullet. The script does allow for next/prev buttons. The fourth demo on the demo page has them. And if you follow the installation instructions exactly, you will have two slideshows, the second of which has next/prev buttons. Unfortunately the images for those buttons, formerly hosted on tinypic, are no longer.

    So you can use your own images, or even generic buttons. To use your own images, insert them where shown (highlighted and changed from Step 2 on the demo page):

    Code:
    <div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
    <a href="#" class="prev"><img src="my_left_arrow.png" style="border-width:0" /></a>  
    <span class="status" style="margin:0 50px; font-weight:bold"></span> 
    <a href="#" class="next"><img src="my-right_arrow.png" style="border-width:0" /></a>
    </div>
    Or you can use generic buttons:

    Code:
    <div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
    <input type="button" class="prev" value="&lt;" />  
    <span class="status" style="margin:0 50px; font-weight:bold"></span> 
    <input type="button" class="next" value="&gt;" />
    </div>
    If you want more help, please include 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
    May 2007
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Dear John,
    thanks for your always support and sorry for wrong section post.
    i need that buttons on images not bellow of them.
    like the sample you can see from bellow link:
    http://www.gigabyte.ir/
    (main banner has 6 circle as button)
    Last edited by jscheuer1; 07-08-2012 at 02:44 PM. Reason: Format

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    That's not a:

    next and back button
    If you want bullets like that for Ultimate Fade-in you can use Extra Buttons:

    http://www.dynamicdrive.com/forums/blog.php?b=248

    Or you could instead use the Nivo Slider (which in its javascript version is free) script that they're using on the gigabyte page:

    http://nivo.dev7studios.com/

    Either way, some customization of init code and/or css will probably be required to get the bullets to show up just like where they are on the gigabyte page.
    - John
    ________________________

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

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
  •