Ciao a tutti,
ho un problemino un po' complesso (credo).
Provo a spiegare. Ho una pagina html dove alla base ho inserito delle miniature. Cliccando sulla miniatura si apre la corrispondente immagine al centro della pagina. Fino a quì tutto tranquillo.
Ora viene il difficile. Ad alcune miniature dovrei collegare uno slide show che si dovrebbe aprire in centro pagina.
Lo slide show in javascript lo ho già inserito nella pagina ma non riesco a posizionarlo in centro pagina e non so proprio come fare per richiamarlo da una miniatura.
Spero di essermi riuscito a spegare bene il problema. :master:
Qui di seguito vi do il listato della mia pagina.
Grazie mille a chiunque riesca a darmi una mano.
Ciao
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>All images © copyrighted</title>
<script language="JavaScript">
function Cambia(sorgente)
{
document.images['big'].src=sorgente;
}
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
Bot_hom_Layer_1_over = newImage("images/botup/Bot_hom_Layer-1-over.gif");
Bot_jou_Layer_1_over = newImage("images/botup/Bot_jou_Layer-1-over.gif");
Bot_doc_Layer_1_over = newImage("images/botup/Bot_doc_Layer-1-over.gif");
Bot_por_Layer_1_over = newImage("images/botup/Bot_por_Layer-1-over.gif");
Bot_Layer_1_over = newImage("images/botup/Bot_Layer-1-over.gif");
Bot_spo_Layer_1_over = newImage("images/botup/Bot_spo_Layer-1-over.gif");
Bot_com_Layer_1_over = newImage("images/botup/Bot_com_Layer-1-over.gif");
Bot_sti_Layer_1_over = newImage("images/botup/Bot_sti_Layer-1-over.gif");
Bot_tra_Layer_1_over = newImage("images/botup/Bot_tra_Layer-1-over.gif");
Bot_fea_Layer_1_over = newImage("images/botup/Bot_fea_Layer-1-over.gif");
preloadFlag = true;
}
}
var sliderwidth=450;
var sliderheight=450;
var slidespeed=3;
slidebgcolor="#000000";
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='[img]images/documentary/Essay1/dorothy003.jpg[/img]</a>'
leftrightslide[1]='[img]images/documentary/Essay1/DOROTHy005.jpg[/img]</a>'
leftrightslide[2]='[img]images/documentary/Essay1/DOROTHy01.jpg[/img]</a>'
leftrightslide[3]='[img]images/documentary/Essay1/DOROTHy02.jpg[/img]</a>'
leftrightslide[4]='[img]images/documentary/Essay1/DOROTHy04.jpg[/img]</a>'
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftr ightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slideme nu2
ns_slide2=document.ns_slidemenu.document.ns_slidem enu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed
else
cross_slide.style.left=parseInt(cross_slide2.style .left)+actualwidth+30
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.styl e.left)-copyspeed
else
cross_slide2.style.left=parseInt(cross_slide.style .left)+actualwidth+30
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';hei ght:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';hei ght:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</head>
<body bgcolor="#000000" text="#FFFFFF" link=white vlink=#bec7d2>
<table border="0" width="100%" id="table1" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td colspan="20"><table border="0" width="100%" id="table3" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="20"><table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td width="30%"></td>
<td>[img]images/BIG.GIF[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><table border="0" id="table4" cellspacing="0" cellpadding="0" height="60" width="100%" bgcolor="#302200">
<tr>
<td width="76" height="60"><div align="center">
[img]images/portrait/thumbnails/Portrait4.jpg[/img]</div></td>
<td width="76" height="60"><div align="center">
[img]images/portrait/thumbnails/PortraitChef.jpg[/img]</div></td>
<td width="100%" bgcolor="#302200" height="60"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Rispondi quotando
