Hi people,
I am quite new to JS-scripting and I have a question.
Finally I found a "good" slideshow which works in IE, Chrome, FF with prototype.
The only thing is that I would like the slideshow to stop when the mouse is over the slideshow and start again when the pointer leaves the pics.
Thanks alot in advance!
Already found something, but don't know how to implement it:
------
myTimer = setTimeout(.... .........)
onmouseover = clearTimeout(my Timer)
onmouseout = fadeInOut();
-------
script:
------- - var delay = 4000;
-
var start_frame = 0;
-
-
function init() {
-
var lis = $('slide-images').getElementsByTagName('li');
-
-
for( i=0; i < lis.length; i++){
-
if(i!=0){
-
lis[i].style.display = 'none';
-
}
-
}
-
end_frame = lis.length -1;
-
-
start_slideshow(start_frame, end_frame, delay, lis);
-
}
-
-
function start_slideshow(start_frame, end_frame, delay, lis) {
-
setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
-
}
-
-
function fadeInOut(frame, start_frame, end_frame, delay, lis) {
-
return (function() {
-
lis = $('slide-images').getElementsByTagName('li');
-
Effect.Fade(lis[frame]);
-
if (frame == end_frame) { frame = start_frame; } else { frame++; }
-
lisAppear = lis[frame];
-
setTimeout("Effect.Appear(lisAppear);", 0);
-
setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 1850);
-
})
-
}
-
-
Event.observe(window, 'load', init, false);
-------
HTML:
------- - <head>
-
<script type="text/javascript" src="/libraries/prototype/prototype.js"></script>
-
<script type="text/javascript" src="/libraries/simple-slide-show.js"></script>
-
</head>
-
-
...
-
-
<div id="slide-show">
-
<ul id="slide-images">
-
-
<li><a href="/">
-
<img src="/template/images/new2/slider/slider1.png" alt="Target Link 1" />
-
</a></li>
-
-
<li><a href="/">
-
<img src="/template/images/new2/slider/slider2.png" alt="Target Link 2" />
-
</a></li>
-
-
<li><a href="/">
-
<img src="/template/images/new2/slider/slider3.png" alt="Target Link 3" />
-
</a></li>
-
-
</ul>
-
</div>
1 7454 Dormilich 8,658
Recognized Expert Moderator Expert
I’m not familiar with prototype, though I noticed - for( i=0; i < lis.length; i++){
-
if(i!=0){
-
lis[i].style.display = 'none';
-
}
-
}
why not starting with 1 instead explicitly checking for 0? - // the somewhat strange looking first term is used to speed up the loop
-
// because you calculate the length only once
-
for( var l, i=1, l=lis.length; i<l; i++){
-
lis[i].style.display = 'none';
-
}
Sign in to post your reply or Sign up for a free account.
Similar topics |
by: engsol |
last post by:
I'm using Python to parse a bunch of s/w test files and make csv files for later report generation by MS ACCESS....(my boss
loves the quick turn-around compared to C). Each log file may contain one or more 'sessions', and each session may contain
one or more 'nodes'.
Each session in the log has an ASCII start and stop time, as does each...
|
by: marius |
last post by:
Hi!
I'm trying to make myself a simple webpage, enabling me to stop and
start certain services on the server.
I've been doing some reading, and have given permission for ASPNET
account to the services I'd like to control, but then I get stuck on a
"The RPC server is unavailable" error.
It does give me a hint:
"", but I haven't been able...
|
by: shai |
last post by:
I am working at .net 1.1, writing in c#.
I have windows service with a COM object.
Every unexpected time The COM object throw an error that make my service get
stuck (do not respond).
I can catch this error.
I want to restart my windows service every time the COM object throws an
error.
I use System.ServiceProcess.ServiceController to...
|
by: vikraman |
last post by:
Request the script for
Mouseover dispy of text at specific coordinats of an image/body and
Mouseout disply of original image/body
|
by: vikraman |
last post by:
I have a problem.
See the Mouseover event below
<head>
<script type="text/javascript">
function writeText(txt)
{
document.getElementById("x").innerHTML=txt
}
| |
by: anj |
last post by:
please provide me a syntax / command on how to create this tooltip (mouseover and mouseout) complete command. so i can apply it on my project.. please help me.. tnx
|
by: Wing |
last post by:
Hello fellow programmers. I am writing a desktop application that will allow our IT department to execute commands on remote computers. I had originally found a post that has a two part program that was working nicely
for half our computers. It seems that when the remote portion (which is a service) is running other programs will get hung up....
|
by: vikas1111 |
last post by:
Hi All..
I have created a slide show of some images using button,, now i want to stop the slide show when i mouseover the image or button, and restart the slide show when i move mouse out of the image.. Can anyone please give me an idea how to solve this ?? Its urgent.... I am pasting my code what i have done so far..
function...
|
by: delphi |
last post by:
Hi all,
I need help. I am new in javascript programming. And I had problem when I try to make a popup which showing another site. I had seen on few RL site.
And I need to stop the countdown timer until user click any links on the site in the popup and counting again, if can, then back to main window. How to do it?
Thanks before
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it. ...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...
| |