Ok, I have been trying to get this to work but somehow I am missing
something elementary. This is my code at the moment:
<html>
<head>
<title>Showcase serialScroll</title>
<script type="text/javascript" src="../javascript/
jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="../javascript/
jquery.serialScroll-1.2.1-min.js"></script>
<script type="text/javascript" src="../javascript/
jquery.scrollTo-1.3.3-min.js"></script>
<style type="text/css">
*{margin:0;padding:0;}
div.mask{height:50px;width:100px;background:#ccc;}
div.prev{height:20px;width:20px;background:blue;}
div.next{height:20px;width:20px;background:red;}
li{width:100px;height:20px;border:1px black solid;padding-bottom:
5px;}
#next:hover, #prev:hover{background:green;}
div#mask{height:175px;overflow:hidden;}
</style>
<script>
$(document).ready(function()
{
$("#mask").serialScroll({
target:"#container",
items:'li',
prev:'#prev',
next:'#next',
axis:'y',
interval: 1,//auto scroll constantly
easing:'linear',
duration:500
});
});
</script>
</head>
<body>
<div class="wrapper">
<div id="mask">
<div id="prev">prev</div>
<div id="next">next</div>
<div id="container">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Somehow nothing happens. Can you maybe point me in the correct
direction? Also, I did not find any information as to what events the
event option takes ('hover", "mouseOver", "mouse_over") ....
Probably very basic questions, but still frustrating.
Thank you in advance.
juro
On Jul 19, 7:10 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote:
> You can try SerialScroll
> http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
>
> There's a snippet to setup constant scrolling.
>
> --
> Ariel Fleslerhttp://flesler.blogspot.com/
>
> On 19 jul, 07:03, juro <[EMAIL PROTECTED]> wrote:
>
> > Hi and thank you for your response. So you are suggesting to scrap the
> > jCarousel plugin all together and build a custom function, right? Is
> > there any information on scrolling that you know of?
>
> > juro
>
> > On Jul 18, 7:30 pm, EllisGL <[EMAIL PROTECTED]> wrote:
>
> > > What you could do is use DIVs to make a function that loops the
> > > movement with hover..- Ocultar texto de la cita -
>
> > - Mostrar texto de la cita -
