Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
Slide show transitions Slide show transitions
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Bidding Directory   ClickBooth Network   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 07-10-2004, 10:04 AM   #1 (permalink)
Inactive
 
Join Date: 06-27-04
Posts: 14
iTrader: 0 / 0%
Latest Blog:
None

jolene is liked by many
Slide show transitions
Hi,
I have tried different fading slide shows and this one seems to be the smoothest for transitions, although it only shows one (default) slide in Opera. Any idea if it can be "fixed" for Opera? It works well in IE, and just straight cuts in Mozilla. The link is: www.loversofbeauty.com
Thank you.
[code:1:22124a8d09]
</style>
<script language="JavaScript" type="text/javascript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 30;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'f1.jpg'
Pic[1] = 'f2.jpg'
Pic[2] = 'f3.jpg'
Pic[3] = 'f4.jpg'
Pic[4] = 'f5.jpg'
Pic[5] = 'f6.jpg'
Pic[6] = 'f7.jpg'
Pic[7] = 'f9.jpg'
Pic[8] = 'f8.jpg'
Pic[9] = 'f10.jpg'
Pic[10] = 'f11.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans (duration=2)";
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply ();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play( );
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>
</head>
<body onLoad="runSlideShow()">

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=87 width=115>
<img src="f1.jpg" name='SlideShow' width=372 height=266 alt="">
</td>
</tr>
</table>
</center>
[/code:1:22124a8d09]
jolene is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum

Reply

« Previous Thread | Next Thread »


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
need help making a slide show with dreamweaver afreeland Web Design Lobby 2 08-28-2007 09:24 AM
Slide show flash component ank Coding Forum 1 05-12-2005 11:14 AM
Fading Photos slide Show jolene Coding Forum 7 06-30-2004 04:46 AM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


Site Navigation: v7n Home .::. Graphics .::. Scripts .::. Web Designers .::. SEO Consultants .::. Web Hosting

Partners:V7N Web Directory .::. V7N Technology Blog .::. Host Ratings@V7N .::. V7N Affiliate Program .::. Advertise

All times are GMT -7. The time now is 01:26 AM.
© Copyright 2008 V7 Inc

Contact Us - Internet Marketing - Top