img ротатор на 3 изображения като youtube

K

kWo

Registered
имам <img src=""> ама как да направя това img да се ротира с 2 изображения


сяка сеунда да се сменят 3-те

ако се прави с js де
 
Код: 
<script type="text/javascript">
setTimeout("changesrc()", 1000);
function changesrc() {
var img = document.getElementById("rotateimg");
if (img.src == "myimage1.png") {
img.src = "myimage2.png";
} else if (img.src == "myimage2.png") {
img.src = "myimage3.png";
} else if (img.src == "myimage3.png";) {
img.src = "myimage1.png";
}
}
</script>

Код: 
<img src="myimage1.png" width="240" height="320" id="rotateimg" alt="">
 
Код: 
<html>
<head>
<script type="text/javascript">
function changesrc() {
setTimeout('document.getElementById("rotateimg").src="myimage2.gif"', 1000);
setTimeout('document.getElementById("rotateimg").src="myimage3.gif"', 1000);
}
</script>
</head>
<body onload="changesrc()">
<img src="myimage1.gif" id="rotateimg" alt="">
</body>
</html>

Така бачка повече, ама нещо пак не е като хората. :D Това JavaScript-a е страшна дървения!

Опитай се да го оправиш нещо, разбъзикай го, като имаш време.
 
виж доло тея кавички с кво друго мога да ги заместя и пак да работи закото така кода ми е в echo и не бачка заради '

<script language="javascript">
var interval = 0.7; // delay between rotating images (in seconds)
var random_display = 1; // 0 = no, 1 = yes
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("1.jpg");
image_list[image_index++] = new imageItem("2.jpg");
image_list[image_index++] = new imageItem("3.jpg");
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('+place+')";
setTimeout(recur_call, interval);
}
</script>
Увеличете...
 
еми виж искам да излиза за всяко ид ама не става

а промених класа ли кво е там да е различен за всеки пост


<script language="javascript">
var interval = 0.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = no, 1 = yes
interval *= 1000;
var image_index = 0;

image_list = new Array();
image_list[image_index++] = new imageItem("<?php echo '1.jpg' ?>");
image_list[image_index++] = new imageItem("<?php echo '2.jpg' ?>");
image_list[image_index++] = new imageItem("<?php echo '3.jpg' ?>");
var number_of_image = image_list.length;
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getNextImage() {
if (random_display) {
image_index = generate(0, number_of_image-1);
}
else {
image_index = (image_index+1) % number_of_image;
}
var new_image = get_ImageItemLocation(image_list[image_index]);
return(new_image);
}
function rotateImage(place) {
var new_image = getNextImage();
document[place].src = new_image;
var recur_call = "rotateImage('"+place+"')";
setTimeout(recur_call, interval);
}

</script>
<BODY OnLoad="rotateImage('slide_show_<?php echo $idp; ?>')">
Увеличете...

<img src="default.jpg" name="slide_show_'.$idp.'" width="120" height="90" border="0"/>


трябва да стане ама не става
само на последния запис се ротират
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе