Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,391 members, 7,819,402 topics. Date: Monday, 06 May 2024 at 03:43 PM

I Need Help With Image Rotation - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / I Need Help With Image Rotation (610 Views)

Problem With Image Path On Joomla / How To Add Header Image To Blogger / How To Use Ajax For Image Verification Aka CAPTCHA (2) (3) (4)

(1) (Reply) (Go Down)

I Need Help With Image Rotation by utimayor(m): 1:17pm On Oct 23, 2010
please nairalanders, i want to add an image rotation command to my website in such a way that the image fades away and not just flip, someone gave me some codes(JS), but the code flips the images in Mozilla firefox, it only works well in Internet explorer, any help?
Re: I Need Help With Image Rotation by friendehis(m): 3:30pm On Oct 23, 2010
Most java script image rotators script most perfectly well with IE and varies with other explore. How about using flash to create this effect of urs
Re: I Need Help With Image Rotation by utimayor(m): 3:38pm On Oct 23, 2010
I am not all that into flash, i would prefer simple source codes.
Re: I Need Help With Image Rotation by friendehis(m): 6:32pm On Oct 23, 2010
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>

<script language="JavaScript" type="text/javascript" src="images/randomimage.js">
</script>

</head>

<body onLoad="runSlideShow()">

<p>
<img border="0" src="images/slidepic1.jpg" width="167" height="192" name="SlideShow" /></p>

</body>

</html>



EXTERNAL JAVA SCRIPT BELOW SAVE AS "banner.js"

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'images/slidepic1.jpg'
Pic[1] = 'images/slidepic2.jpg'
Pic[2] = 'images/slidepic3.jpg'
Pic[3] = 'images/slidepic4.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 -->


Remember like i told u earlier. fade effect is works well with IE but may not work with other browser

Regards
Re: I Need Help With Image Rotation by Nobody: 9:27pm On Oct 23, 2010
Of course those settings there are filters for Microsoft Internet Explorer they will never work with other browser that's why IE is the worst browser, best bet is get yourself Jquery Cycle Plugin,
Re: I Need Help With Image Rotation by utimayor(m): 8:45am On Oct 25, 2010
pc guru:

Of course those settings there are filters for Microsoft Internet Explorer they will never work with other browser that's why IE is the worst browser, best bet is get yourself Jquery Cycle Plugin,
please what is jquery cycle plugin?
friendehis, thanks but that is the exact code i complained about.
Re: I Need Help With Image Rotation by Enquirer: 3:59am On Nov 01, 2010
PC Guru has solved your problem. The plugin in question is cross browser compliant. So it will work in Internet explorer with no hitches. It allows to implement a wide range of effects among which is the fading animation you spoke of. It is simple to deploy for both static and database-driven sites.
Re: I Need Help With Image Rotation by yawatide(f): 10:26am On Nov 01, 2010
jquery, for the most part, is cross browser. Visit ajaxrain.com and/or google for jquery solutions.

You won't be disappointed.

(1) (Reply)

Eenugunugu State University Of Science And Technology Interactive Site Now House / Help! (clickbank And Pay Pal) / Bensoft Host Lands

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 24
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.