Thanks that worked, but say I want to have the scroll spring back on
roll out how would I implement that?
<?php
$images = array();
$path = 'images/';
$dir = opendir($path);
while ($arq = readdir($dir)) {
if ($arq == '.' || $arq == '..') continue;
$images[] = $path . $arq;
}
?>
<html>
<head>
<title>Scroll test</title>
<style type="text/css">
#container {
background-color: #000;
white-space: nowrap;
overflow: hidden;
height: 120px;
width: 160px;
margin-left: 40px;
}
</style>
<script type="text/javascript"
src="jquery-1.2.6.min.js"></script>
<script type="text/javascript"
src="../autoscroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#container').autoscroll();
$('#container img').hover(
function() {$(this).addClass('hover');},
function() {$(this).removeClass('hover');}
);
});
</script>
</head>
<body>
<div id="container">
<div style="width: 640px; white-space: normal;">
<img src="images/image0.jpg" width="160" height="120" alt="" /
><img src="images/image1.jpg" width="160" height="120" alt="" /><img
src="images/image2.jpg" width="160" height="120" alt="" /><img
src="images/image3.jpg" width="160" height="120" alt="" />
</div>
</div>
</body>
</html>
On Nov 18, 2008, at 1:52 PM, donb wrote:
While the urge to editorialize on the design concept is almost
unbearable, I will restrict my comment to only the question:
http://plugins.jquery.com/project/autoscroll
Probably you could simplify that considerably since the fundamental
requirement is 'how many 1/6's (or other fraction) of the distance
across the container is my mouse.'
A simple mouse-move event captured across a div, which would load the
appropriate image into the background-image of the div, is all you
need. An entire plug-in is not really necessary. It's just not that
complex.
On Nov 18, 4:22 pm, idealer <[EMAIL PROTECTED]> wrote:
I am trying to re-create this album thumbnail gallery roll over.
http://gallery.me.com/idealer
When the cursor rolls over the image it displays other images
within the
album. Is there a jquery script available that does this. I have
not found
one yet...
--
View this message in context:http://www.nabble.com/Image-Roll-Oover-Script-tp20543666s27240p205436
...
Sent from the jQuery General Discussion mailing list archive at
Nabble.com.
