Hallo! Mein Name ist Johannes Fischer
zur StartseiteThe Nivoo-Slider is an image gallery running on Mootools, it started as a port of the jQuery Plugin NivoSlider. It currently features 18 different transition effects.
Just include NivooSider.js and the NivooSlider.css to your HTML:
<script type="text/javascript" src="NivooSlider.js"></script>
<link href="NivooSlider.css" rel="stylesheet" type="text/css" media="screen" />
And the gallery structure:
<div id="Slider" class="nivoo-slider">
<img src="images/image1.jpg" alt="" title="insert text to display a caption" />
<a href="#hyperlink">
<img src="images/iamge2.jpg" alt="" title="This image is linked to a great website" />
</a>
<img src="images/image3.jpg" alt="" />
</div>
And then initialize the slider using the domready event:
window.addEvent('domready',function(){
// The simple way
new NivooSlider($('Slider'));
// The more advanced way
new NivooSlider($('Slider'), {
animSpeed: 750,
effect: 'sliceLeftRightDown',
interval: 5000,
orientation: 'horizontal',
slices: 20
}).addEvents({
'onFinish': function(){
// fired after each transition
},
'onStart': function(){
// fired right before each transition
}
});
}
var slider = new NivooSlider(element[, options]);
preloading images, navigation
@cyberjuls I just implemented this option, you can use disc (default), decimal (ascending numbers) or any string you like. Will commit the changes in a minute.
Posted by Johannes, 01/03/2012 8:30pm (3 months ago)
do you plan to implement this soon?
controlNavItem: 'decimal|disc|square|html-entity',
I would love the decimal one
Posted by cyberjuls, 01/03/2012 5:01pm (3 months ago)
Nice plugin this is a must.
Check contao if you can make it a module this one will be a killer one ;).
Posted by cyberjuls, 16/12/2011 12:53pm (5 months ago)
mmm nicy!!! Just integrated it to a contao based website. Work like a charm it reads my "catalog reader" images so nicely. really need that nav stuff at the bottom and please if you could just integrate numbers would be cool. You should really go for a contao plugin
Posted by cyberjuls, 13/12/2011 1:50am (5 months ago)
I will work on the script on the weekend and implement the navigation you asked for :D
Posted by Johannes, 08/12/2011 10:59pm (5 months ago)
I love this and it is so simple to use! Thanks!
Posted by Travis, 30/11/2011 5:49pm (6 months ago)
@psren a navigation like this will come with the next release. So far I can't tell when it will be released, but it will be within December.
Posted by Johannes, 30/11/2011 9:05am (6 months ago)
@Robert The button images are nor linked correctly in this demo, I will fix this asap. But when you download the code from github, you will have arrows in the demo.
Posted by Johannes, 30/11/2011 9:02am (6 months ago)
Thank you very much for sharing this. When do you think you'll intigrate the navigation "coins" the jQuery nivo has?
Posted by psren, 25/11/2011 9:08pm (6 months ago)
By the way there is an invisible button on the left and right side. How can I add a visible button there?
Posted by Robert, 09/11/2011 12:59pm (6 months ago)
RSS feed for comments on this page | RSS feed for all comments