PDA

View Full Version : slideshow bullet button



sandra
07-07-2012, 10:24 AM
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?

jscheuer1
07-07-2012, 08:52 PM
.
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 (http://www.dynamicdrive.com/forums/showpost.php?p=7) for more information.

It's mostly clear that you mean:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.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):


<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:


<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.

sandra
07-08-2012, 10:26 AM
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)

jscheuer1
07-08-2012, 03:01 PM
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.