NIVO Slider

[liquidws]

hope someone can help...

i attempted to make this slider work on vivvo 4.5. but it isnt working..

<vte:include file="{VIVVO_TEMPLATE_DIR}custom/home/slider-nivo.tpl" />

<vte:template>
	
	<vte:header type="script" href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
	<vte:header type="script" href="{VIVVO_THEME}slider-nivo/js/jquery.nivo.slider.pack.js" />
	<vte:header type="css" href="{VIVVO_THEME}slider-nivo/css/nivo-slider.css" />
	

<div id="slider">

	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo1.png" alt="" />
	<a href="http://dev7studios.com"><img src="{VIVVO_THEME}slider-nivo/img/nature-photo2.png" alt="" title="#htmlcaption" /></a>
	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo3.png" alt="" title="This is an example of a caption" />
	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo4.png" alt="" />
	
</div>

<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>

</vte:template>

can anyone see what i am doing wrong

[noncasus]

Don't forget jQuery's no conflict.

[liquidws]

i had tried it like this.. is this the correct way?

<vte:template>
	
	<vte:header type="script" href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" />
	<vte:header type="script" href="{VIVVO_THEME}slider-nivo/js/jquery.nivo.slider.pack.js" />
	<vte:header type="css" href="{VIVVO_THEME}slider-nivo/css/nivo-slider.css" />
	

<div id="slider">

	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo1.png" alt="" />
	<a href="http://dev7studios.com"><img src="{VIVVO_THEME}slider-nivo/img/nature-photo2.png" alt="" title="#htmlcaption" /></a>
	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo3.png" alt="" title="This is an example of a caption" />
	<img src="{VIVVO_THEME}slider-nivo/img/nature-photo4.png" alt="" />
	
</div>

<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

<script type="text/javascript">
jQuery.noConflict();
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>

</vte:template>

i also had tried it with j$ replacing the $

still not working. please help?? bobster65? micha? god? anyone?

Hi, try to edit this javascript code follow:

<script type="text/javascript">
jQuery.noConflict();
jQuery(window).load(function() {
jQuery('#slider').nivoSlider();
});
</script>

[tiger4501]

Originally Posted by liquidws

@bobster65

totally understand that. i am swamped with projects. anyway, any chance of seeing a working version?

i would like to display at homepage in my box image its title link to article embeded youtube video
can you youhelp me to do that in my_box.tpl

[PTiCA]

Use something in the prototype js

For example: http://www.protoshow.net/