Hello,
I need a gallery with thumbnail's slider with scrollbar and lightbox for big images.
I tried this component: (http://flowplayer.org/tools/demos/rangeinput/scrollbar.html) but when I use it in my code (with an other jquery script for the lightbox)it don't works and appear an error:
Message: property or method not supported by the object
Linea: 177
Carattere: 1
Codice: 0
URI: gallery_scroll.php
Here the code:
<code>
<head>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
</head>
<div id="scrollwrap">
<div id="scroll">
<div id="gallery">
<a href="01.jpg" title="" $('#gallery').lightBox();"><img src="01b.jpg" border="0"/></a>
<a href="02.jpg" title="" $('#gallery').lightBox();"><img src="02b.jpg" border="0"/></a>
</div>
</div>
</div>
<!-- rangeinput that controls the scroll -->
<input type="range" max="2600" step="10" />
<script>
// get handle to the scrollable DIV
var scroll = $("#scroll");
// initialize rangeinput
$(":range").rangeinput({
// slide the DIV along with the range using jQuery's css() method
onSlide: function(ev, step) {
scroll.css({left: -step});
},
// display progressbar
progress: true,
// initial value. also sets the DIV's initial scroll position
value: 100,
// this is called when the slider is clicked. we animate the DIV
change: function(e, i) {
scroll.animate({left: -i}, "fast");
},
// disable drag handle animation when when slider is clicked
speed: 0
});
</script>
</code>
Can you help me please?