PDA

View Full Version : Featured Content slider - no autoload on first page



sharps
09-25-2008, 07:00 PM
1) Script Title: Featured content slider 2.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm?slider2=2

3) Describe problem: I cant get the first <contentdiv> class to load on the page. I also sort of scrapped the pagination in favor of the direct link (ie. "javascript:featuredcontentslider.jumpTo('slider1', 3)").

<div id="paginate_menglide" class="pagination">
<a href="javascript:featuredcontentslider.jumpTo('menglide', 1)" ><img src="garment2/Thumbs/203L_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
<a href="javascript:featuredcontentslider.jumpTo('menglide', 2)" ><img src="garment2/Thumbs/203O_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
<a href="javascript:featuredcontentslider.jumpTo('menglide', 3)" ><img src="garment2/Thumbs/203H_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
</div>

I have a lot inside my contentdiv tags but the css checks out. It seems like the autoload is trying to work, because clicking the 1st link in the pagination wont display until another toc link is clicked first, as if its already displayed. Also the url direct link wont load the 1st contentdiv either(ie. <a href="/men.htm?menglide=1">Reload</a>).

The old featured content script worked great, but it was using jquery and im using lightbox2 now with both prototype and scriptaculous.

here is the web link: "http://www.karbonorganic.com/men.html"

Thanks for all the support and for being a terrific resource.:)

ddadmin
09-25-2008, 08:16 PM
The pagination DIV's id on your page is incorrect. It should be:


<div id="paginate-menglide" class="pagination">

<a href="javascript:featuredcontentslider.jumpTo('menglide', 1)" ><img src="garment2/Thumbs/203L_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
<a href="javascript:featuredcontentslider.jumpTo('menglide', 2)" ><img src="garment2/Thumbs/203O_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
<a href="javascript:featuredcontentslider.jumpTo('menglide', 3)" ><img src="garment2/Thumbs/203H_frontT.jpg" alt="click to view" style="width: auto; height: 85px;border:hidden;"/></a><br />
</div>

Btw, there's no need to manually call jumpto() inside the pagination DIV. Just switch to "toc: markup" mode, and give those links a special CSS class. See here: http://www.dynamicdrive.com/dynamicindex17/contentslider_suppliment.htm

sharps
09-25-2008, 09:26 PM
*smacks forehead*

Wow! By george, i can not believe that was it. A second set of eyes is priceless. Thank you so much ddadmin.:D