Scriptul prezentat in aceasta pagina afiseaza in acelasi loc cate o imagine cu link propriu spre o anumita pagina, care se poate schimba dintr-o caseta Select ce contine mai multe imagini.
Puteti testa scriptul in exemplul de mai jos.
<script type="text/javascript">
<!--
// https://marplo.net
// Functia pt. link-uri care sunt in aceeasi ordine cu imaginile
function linkuri(imagine) {
var adrURL=new Array()
// Aici adaugati adresele URL care vor fi deschise la
// click pe fiecare imagine,
// Pentru adaugarea mai multor adrese, respectati ordinea indicelui din matrice
adrURL[0]="https://marplo.net/anime/naruto-a"
adrURL[1]="https://marplo.net/anime/naruto-a"
adrURL[2]="https://marplo.net/anime/naruto-a"
adrURL[3]="https://marplo.net/anime/dragon_ball_z-a"
// Deschide pagina cu URL-ul selectat
window.location=adrURL[imagine]
}
// Functia care schimba imaginea
function showimage() {
if (!document.images)
return
document.images.pozas.src=
document.mypics.poza.options[document.mypics.poza.selectedIndex].value
}
//-->
</script>
<div>- Efectuati modificarile necesare, conform cu imaginile folosite de dv.
<form name="mypics" style="margin:4px;">
<select name="poza" size="1" onChange="showimage()">
<option select="selected" value="imgs/img1.jpg">Naruto</option>
<option value="imgs/img2.jpg">Sasuke</option>
<option value="imgs/img3.jpg">Sakura</option>
<option value="imgs/img4.jpg">Son Goku</option>
</select>
</form>
<a href="javascript:linkuri(document.mypics.poza.selectedIndex)" onMouseover="window.status='';return true">
<img src="imgs/img1.jpg" name="pozas" width="100" height="100" border="0">
</a>
</div>
<form action="script.php" method="post"> ... </form>
#id { background-color: #bbfeda; box-shadow: 11px 11px 5px #7878da; }
var fruits = ["mar", "cireasa", "banana"]; fruits.shift(); alert(fruits.length); // 2
if(extension_loaded("PDO") === true) echo "PDO este valabil."
Can I listen to music? - Pot asculta muzica?
Me gustan las frutas dulces. - Imi plac fructele dulci.