Slider jquery block...help please

[fotografo74]

Hi,
i have downloaded this content slider based to jquery http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider  but i'm not expert...:-(
My code in html/javascript block is

Code Select Expand



<script type="text/javascript" src="http://www.fotografia-naturalistica.net/Themes/default/scripts/jquery.js"></script>
<script type="text/javascript" src="http://www.fotografia-naturalistica.net/Themes/default/scripts/easySlider.js"></script>
<link rel="stylesheet" href="http://www.fotografia-naturalistica.net/Themes/default/css/screen.css" type="text/css" media="screen">
<div id="slider">
<ul>
<li>content here...</li>
<li>content here...</li>
<li>content here...</li>
</ul>

</div>


How and where i must insert this code?

Code Select Expand


$(document).ready(function(){
$("#slider").easySlider();
});

I wpuld insert in top panel block one content/image slider like or similar this in tinyportal Home!
Thanks for any helps
Antonio

[fotografo74]

Ok, i have copied the example source code...ant it works! :-)

Code Select Expand



<script type="text/javascript" src="http://fotografia-naturalistica.net/Themes/default/scripts/jquery.js"></script>
<script type="text/javascript" src="http://fotografia-naturalistica.net/Themes/default/scripts/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>


<link href="http://fotografia-naturalistica.net/Themes/default/css/screen.css" rel="stylesheet" type="text/css" media="screen">

<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="http://fotografia-naturalistica.net/Themes/default/images/01.jpg" alt="Css Template Preview"></a></li>
<li><a href="http://templatica.com/preview/7"><img src="http://fotografia-naturalistica.net/Themes/default/images/02.jpg" alt="Css Template Preview"></a></li>
<li><a href="http://templatica.com/preview/25"><img src="http://fotografia-naturalistica.net/Themes/default/images/03.jpg" alt="Css Template Preview"></a></li>
<li><a href="http://templatica.com/preview/26"><img src="http://fotografia-naturalistica.net/Themes/default/images/04.jpg" alt="Css Template Preview"></a></li>
<li><a href="http://templatica.com/preview/27"><img src="http://fotografia-naturalistica.net/Themes/default/images/05.jpg" alt="Css Template Preview"></a></li>
</ul>
</div>


Sorry for the disturb
Antonio

[fotografo74]

Damn....:-(
The slider breaks the top part of the  forum test...
See please www.fotografia-naturalistica.net
Why?
Thanks
Antonio

[SN]

I use this one http://www.queness.com/resources/archives/jquery-newsslider.zip

works fine for me. Use the example source code again

[fotografo74]

I use this one http://www.queness.com/resources/archives/jquery-newsslider.zip

works fine for me. Use the example source code again

Thanks SN, but i prefere the look of other scripts...and i solved!
In screen.css ( css style of the scritps) i have removed header and body ID ( maybe conflict with SMF style css )
See www.fotografia-naturalisca.net
It seems it's ok....
Antonio