Featured Content Slider: real URLs+fade effect

[ddadmin]

Where your pagination DIV container appears shouldn't matter, as long as the initialization code comes after it in the page's source:

<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")

</script>

[hexkrypt0r]

Hi i ahve been working on this particular script and still am because i amtryin to fix a bug.
If i found something that might be useful to yuo i'll post it here

In my case this (exact same script), works good in IE 6 or lower but does not displya any images when viewed with IE7
Do you know if there is any extra piece of code i have to add up so it'll display the specified images?
Any suggestions?
Hexkrypt0r

[primortal]

Im having an issue with the fade. Im currently using a custom scroll bar for the content thats too big for the feature content slider. So it uses two DIV tags seen below

<div id="divContainer_1" style="overflow: hidden; position: relative; width: 100%; height: 100%; min-height: 160px;">
  <div id="divContent_1" style="padding: 5px; position: absolute;"> 
  (my content)
  </div>
</div>

It seems that the position tag (in either div) in the style is preventing the fade from happening, the content is just displayed. Is there anything that can be done besides removing that style?

This is happening in IE7, Firefox (of course) works fine.

[ddadmin]

Primotal, by custom scrollbar, do you mean CSS's scrollbar declaration (ie: overflow: scroll;), or some script that renders a custom scrollbar? An example URL might help.

p.s: In the future, please start a new thread when asking your own question, even if it's on the same script/ issue as another thread.

[primortal]

my appologies about piggy backing on this thread...

Its a javascript that renders the scrollbar (http://www.blueshoes.org/en/javascript/scrollablediv/), but I removed that script trying to figure out the issue. I tracked it down to when I remove "position: relative" from divContainer_1 style and "position: absolute" from divContent_1 style everything works perfectly in IE 7.

If you take the code from above insert it like below you wll see what i mean.

<div id="slider1" class="contentslide">
<div class="opacitylayer">

<div class="contentdiv">
<div id="divContainer_1" style="overflow: hidden; position: relative; width: 100%; height: 100%; min-height: 160px;">
  <div id="divContent_1" style="padding: 5px; position: absolute;"> 
  Content 1
  </div>
</div>
</div>

<div class="contentdiv">
<div id="divContainer_1" style="overflow: hidden; position: relative; width: 100%; height: 100%; min-height: 160px;">
  <div id="divContent_1" style="padding: 5px; position: absolute;"> 
  Content 2
  </div>
</div>
</div>

<div class="contentdiv">
<div id="divContainer_1" style="overflow: hidden; position: relative; width: 100%; height: 100%; min-height: 160px;">
  <div id="divContent_1" style="padding: 5px; position: absolute;"> 
  Content 3
  </div>
</div>
</div>

</div>
</div>

<div class="pagination" id="paginate-slider1"></div>

<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")

</script>