Immagini che cambiano cliccando su delle frecce

**nicobest** · 19-03-2004, 12:46

Ciao per caso conoscete un codice che permetta di avere una pagina, all'inteno di questa pagina per esempio sulla sinistra c'è una foto piccola,e sotto di essa 2 precce. Adesso è possibile cliccanto sulla freccia avanti o dietro far cambiare l'immagine senza cambiare pagina?
grazie,
nicola.

**kaze** · 19-03-2004, 13:00

Et voilà:

http://www.dynamicdrive.com/dynamici...dhtmlslide.htm

**nicobest** · 19-03-2004, 20:32

lo visto e scaricato. grazie, fa al caso mio. avrei un piccolo probelino e ti posto il codice.
quando clicco sulle ultime voci, perche il menu nn si apre correttamente?:

<html>

<head>
<style type="text/css">
.menutitle{
cursor

ointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Site Menu</title>
<base target="principale">
</head>

<body>

<div id="masterdiv" style="width: 142; height: 378">

<div class="menutitle" onclick="SwitchMenu('sub1')" style="width: 140; height: 12"><font size="1" face="Verdana">ALFA
ROMEO</font></div>
<span class="submenu" id="sub1">
<font size="1" face="Verdana">
- 146

- 147

- 156</font>
</span>

<div class="menutitle" onclick="SwitchMenu('sub2')"><font size="1" face="Verdana">AUDI</font></div>
<span class="submenu" id="sub2">
<font size="1" face="Verdana">
- A6

- A6 SW</font>
</span>

<div class="menutitle" onclick="SwitchMenu('sub3')"><font size="1" face="Verdana">AUTOBIANCHI</font></div>
<span class="submenu" id="sub3">
<font size="1" face="Verdana">
- Y 10</font></span>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">BMW</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub4">
- 320 D
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">FIAT</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub7">
- 500

- 600

- BRAVA

- BRAVA 3 PORTE</span>

<span class="submenu" id="sub8">
- BRAVA 1.4

- PALIO

- <a href="http://www.dynamicdrive.com/contact.htm">PUNTO

</a>- <a href="http://www.dynamicdrive.com/contact.htm">PUNTO 3 PORTE

</a>- <a href="http://www.dynamicdrive.com/contact.htm">PUNTO 3 ,0

</a>- <a href="http://www.dynamicdrive.com/contact.htm">PUNTO 85

</a>- STILO</span></font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">FORD</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub9">
- FOCUS

- FIESTA
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">LANCIA</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub11">
- DELTA

- LYBRA

- Y

- Y 97</span></font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">MERCEDES</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub13">
- 180

- 220 CDI

- SLK
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">MITSUBYSHI</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub15">
- PAJERO
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">OPEL</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub17">
- ASTRA

- CORSA

- TIGRA

- ZAFIRA</span></font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">PEUGEOT</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub19">
- 106

- 106

- 306

- 406</span></font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">RENAULT</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub21">
- CLIO

- TWINGO
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">ROVER</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub23">
- 416
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">SEAT</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub25">
- AROSA

- CORDOBA
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">SKODA</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub27">
- FELICIA
</span>

</font>

<div class="menutitle" onclick="SwitchMenu('sub4')"><font size="1" face="Verdana">VOLKSWAGEN</font></div>
<font size="1" face="Verdana"><span class="submenu" id="sub29">
- POLO

- POLO 3 PORTE
</span>

</font>

</div>
</body>

</html>

Discussione: Immagini che cambiano cliccando su delle frecce

Strumenti discussione

Ricerca discussione

Visualizza

Immagini che cambiano cliccando su delle frecce

Permessi di invio