View previous topic :: View next topic |
Author |
Message |
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 09.09.2006 16:52 Post subject: Javascript i slike... |
|
|
Znaci ovako, imam slijedecu stranicu:
http://www.virovitica-online.org/dizajn2.php i želio bih napraviti da se klikom na onu strelicu desno ili lijevo otvori prethodna ili slijedeca slika... Molim Vas da mi netko samo netko pomogne sto ubaciti za sliku i kako napraviti da se klikom na strelice izvrsava akcija koja ce promijeniti url slike... ja cu sam rjesiti dalje poredak i to sve...
Hvala unaprijed... |
_________________ Carpe diem... |
|
Back to top |
|
|
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 09.09.2006 17:32 Post subject: |
|
|
Snaso sam se.... |
_________________ Carpe diem... |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 10.09.2006 14:57 Post subject: |
|
|
Evo koda skripte:
Code: | <SCRIPT language="JavaScript">
<!--
if (document.images)
{
image_url = new Array();
image_url[0] = "http://virovitica-online.org/1.jpg";
image_url[1] = "http://virovitica-online.org/2.jpg";
image_url[2] = "http://virovitica-online.org/3.jpg";
image_url[3] = "http://virovitica-online.org/4.jpg";
var i = 0;
}
function plus(){
i++;
if(i<=3){
document['slika'].src =image_url[i];
}
else
{
i=0;
document['slika'].src =image_url[i];
}
}
function minus(){
i--;
if(i>=0){
document['slika'].src =image_url[i];
}
else
{
i=3;
document['slika'].src =image_url[i];
}
}
//-->
</SCRIPT> |
Ovo koda za sliku koja ce se mjenjati...
Code: | <img name="slika" src="IMG_9759.jpg" width="400" height="267" /> |
I jos samo za slicice koje ce pokratati funkcije ubacite onClick="minus()", a na drugu onClick="plus()"...
Al mene zanima jos jedna stvar...
Sto da stavim da se gore di pise document['slika'].src =image_url[i]; promijeni i tekst unutar jednog Diva???
Hvala unaprijed... |
_________________ Carpe diem... |
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 10.09.2006 18:44 Post subject: |
|
|
Code: | window.onload = function(){
target = document['slika']
captionDiv = document.getElementById('divID')
images = ["1.jpg", "2.jpg", "3.jpg", "4.jpg"]
captions = ["prva slika je super", "druga slika je bez veze",
null, "cevrta je tako-tako"]
image_base = "/"
position = 0
}
function changeImage(up){
up ? ++position : --position
if(position < 0) position = images.length - 1
if(position >= images.length) position = 0
target.src = image_base + images[position]
if(captionDiv)
captionDiv.firstChild.textContent = captions[position] || "bez opisa"
}
function plus(){ changeImage(true) }
function minus(){ changeImage(false) } |
|
|
|
Back to top |
|
|
|