Здравейте 3 дена вече търся как да направя следното : имам сайт, вътре има секцея, в която има една картинка и над нея бутон.
Въпроса ми е : Какъв е кода в javascript за ползването на 4-5 картинки, к които като се натисне бутон само картинката да се сменя а не цялата страница
Мн трудно се изразих ама ето вижте сайта www.elenabild.com и тукак като е настоящи обекти ще го направя като самостояттелен бутон, който като се натисне ще се сменикартинката под надписа (бутона)
МОЛЯ ВИ помоигнете!
пробвах поне 10 кода но всеки с косурите си.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pedestrian Crossing</title>
<script language="JavaScript" type="text/javascript">
// <![CDATA[
var greenMan=new Image(); // create two Image objects
var redMan=new Image();
greenMan.src="green.jpg"; // Preload both images
redMan.src="red.jpg";
// add your function here
function GreenLight() {
var rnd = 1 + (4 * Math.random());
rnd = (Math.floor(rnd)*1000)
setTimeout("RedLight()",rnd);
document.getElementById('Light').src = greenMan.src;
document.getElementById('Light').alt = greenMan.src;
return false;
}
function RedLight() {
document.getElementById('Light').src = redMan.src;
document.getElementById('Light').alt = redMan.src;
}
// ]]>
</script>
</head>
<body>
<h1>Pedestrian Crossing</h1>
<img id="Light" src="red.jpg" width="303" height="340" alt="Red or Green Man"/>
<a href="#" onclick="GreenLight();">
<img src="press.gif" width="105" height="105" alt="Press Button" /></a>
</body>
</html>
тожа е кода които го мъ4а ама нестажа поради 10000 пичини 1-во защото като се натисне картинката излиза втората но след 1 секунда се връща на първата 2-ро -защото е само за 2 картинки и още много други причини...
, /МОЛЯ ви помогнете миииииии