c'è qualcuno che puo darmi un aiuto su come creare un thumbnail scoller di questo GRAZIE..... :ister: :ister: http://www.enzonapolitano.it/1_produzione.php
aiutatemi con questo thumbnail scroller!!!
- Creatore Discussione erluigino
- Data di inizio
allora, per lo scroller usa questo codice :fonzie:
poi sostituisci le righe:
Inserire qui tutto il testo per lo scrolling<br />
con quella per inserire l'immagine collegata all'ingrandimento, possibilmente in una popup con javascript per ottenere un effetto migliore... :fonzie:
fammi sapere :byebye:
poi sostituisci le righe:
Inserire qui tutto il testo per lo scrolling<br />
con quella per inserire l'immagine collegata all'ingrandimento, possibilmente in una popup con javascript per ottenere un effetto migliore... :fonzie:
fammi sapere :byebye:
ok con questo codice sono riuscito , anche se pero non viene cosi http://www.enzonapolitano.it/1_produzione.php le foto mi si aprono in una finestra di pop-up inalto a sinistra.erluigino ha scritto:
PSBenniger purtroppo non ho capito qual'è il codice da copiare e modificare
grazie ragazzi, se quanlcuno sa come fare per non fare aprire la foto come se fosse un pop up ne sarei grato ciaooo.
OK proviamoci...
il codice è racchiuso dentro una tabella ed è questo:
<table width="100%" " border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" height="136"> </td>
<td align="right" valign="top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="500" height="19" align="right">
<script language=JavaScript1.2>
var sliderwidth=470;
var sliderheight=100;
var slidespeed=2;
slidebgcolor="#CCCAC8";
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="centro.php?img=1_p/1_p1_big.jpg" target= "img"><img src="images/1_p/1_p1.jpg" border=0></a> '
leftrightslide[1]=' <a href="centro.php?img=1_p/1_p2_big.jpg" target= "img"><img src="images/1_p/1_p2.jpg" border=0></a> '
leftrightslide[2]=' <a href="centro.php?img=1_p/1_p3_big.jpg" target= "img"><img src="images/1_p/1_p3.jpg" border=0></a> '
leftrightslide[3]=' <a href="centro.php?img=1_p/1_p4_big.jpg" target= "img"><img src="images/1_p/1_p4.jpg" border=0></a> '
leftrightslide[4]=' <a href="centro.php?img=1_p/1_p5_big.jpg" target= "img"><img src="images/1_p/1_p5.jpg" border=0></a> '
leftrightslide[5]=' <a href="centro.php?img=1_p/1_p6_big.jpg" target= "img"><img src="images/1_p/1_p6.jpg" border=0></a> '
leftrightslide[6]=' <a href="centro.php?img=1_p/1_p7_big.jpg" target= "img"><img src="images/1_p/1_p7.jpg" border=0></a> '
leftrightslide[7]=' <a href="centro.php?img=1_p/1_p8_big.jpg" target= "img"><img src="images/1_p/1_p8.jpg" border=0></a> '
leftrightslide[8]=' <a href="centro.php?img=1_p/1_p9_big.jpg" target= "img"><img src="images/1_p/1_p9.jpg" border=0></a> '
leftrightslide[9]=' <a href="centro.php?img=1_p/1_p10_big.jpg" target= "img"><img src="images/1_p/1_p10.jpg" border=0></a> '
leftrightslide[10]=' <a href="centro.php?img=1_p/1_p11_big.jpg" target= "img"><img src="images/1_p/1_p11.jpg" border=0></a> '
leftrightslide[11]=' <a href="centro.php?img=1_p/1_p12_big.jpg" target= "img"><img src="images/1_p/1_p12.jpg" border=0></a> '
leftrightslide[12]=' <a href="centro.php?img=1_p/1_p13_big.jpg" target= "img"><img src="images/1_p/1_p13.jpg" border=0></a> '
leftrightslide[13]=' <a href="centro.php?img=1_p/1_p14_big.jpg" target= "img"><img src="images/1_p/1_p14.jpg" border=0></a> '
leftrightslide[14]=' <a href="centro.php?img=1_p/1_p15_big.jpg" target= "img"><img src="images/1_p/1_p15.jpg" border=0></a> '
leftrightslide[15]=' <a href="centro.php?img=1_p/1_p16_big.jpg" target= "img"><img src="images/1_p/1_p16.jpg" border=0></a> '
leftrightslide[16]=' <a href="centro.php?img=1_p/1_p17_big.jpg" target= "img"><img src="images/1_p/1_p17.jpg" border=0></a> '
leftrightslide[17]=' <a href="centro.php?img=1_p/1_p18_big.jpg" target= "img"><img src="images/1_p/1_p18.jpg" border=0></a> '
leftrightslide[18]=' <a href="centro.php?img=1_p/1_p19_big.jpg" target= "img"><img src="images/1_p/1_p19.jpg" border=0></a> '
leftrightslide[19]=' <a href="centro.php?img=1_p/1_p20_big.jpg" target= "img"><img src="images/1_p/1_p20.jpg" border=0></a> '
leftrightslide[20]=' <a href="centro.php?img=1_p/1_p21_big.jpg" target= "img"><img src="images/1_p/1_p21.jpg" border=0></a> '
leftrightslide[21]=' <a href="centro.php?img=1_p/1_p22_big.jpg" target= "img"><img src="images/1_p/1_p22.jpg" border=0></a> '
leftrightslide[22]=' <a href="centro.php?img=1_p/1_p23_big.jpg" target= "img"><img src="images/1_p/1_p23.jpg" border=0></a> '
leftrightslide[23]=' <a href="centro.php?img=1_p/1_p24_big.jpg" target= "img"><img src="images/1_p/1_p24.jpg" border=0></a> '
leftrightslide[24]=' <a href="centro.php?img=1_p/1_p25_big.jpg" target= "img"><img src="images/1_p/1_p25.jpg" border=0></a> '
leftrightslide[25]=' <a href="centro.php?img=1_p/1_p26_big.jpg" target= "img"><img src="images/1_p/1_p26.jpg" border=0></a> '
leftrightslide[26]=' <a href="centro.php?img=1_p/1_p27_big.jpg" target= "img"><img src="images/1_p/1_p27.jpg" border=0></a> '
leftrightslide[27]=' <a href="centro.php?img=1_p/1_p28_big.jpg" target= "img"><img src="images/1_p/1_p28.jpg" border=0></a> '
leftrightslide[28]=' <a href="centro.php?img=1_p/1_p29_big.jpg" target= "img"><img src="images/1_p/1_p29.jpg" border=0></a> '
leftrightslide[28]=' <a href="centro.php?img=1_p/1_p29_big.jpg" target= "img"><img src="images/1_p/1_p29.jpg" border=0></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=leftrightslide
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_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+100
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)+15))
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.style.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+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+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></td>
</tr>
</table>
niente paura...
sembra incasinato ma funziona già così! :fonzie:
Non ti rimane che copiarlo e modificare con il nome delle tue immagini e il loro percorso e oltre al relativo link di
ognuna!
Quindi quando trovi i tag <a href> sostituisci l'url di destinazione
e nei tag <img src> metterai le tue foto!
:byebye:
PS:Lo scroll va,ma è stato usato un css esterno x impaginare il tutto...può darsi che il risultato non sia proprio perfetto
il codice è racchiuso dentro una tabella ed è questo:
<table width="100%" " border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" height="136"> </td>
<td align="right" valign="top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="500" height="19" align="right">
<script language=JavaScript1.2>
var sliderwidth=470;
var sliderheight=100;
var slidespeed=2;
slidebgcolor="#CCCAC8";
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="centro.php?img=1_p/1_p1_big.jpg" target= "img"><img src="images/1_p/1_p1.jpg" border=0></a> '
leftrightslide[1]=' <a href="centro.php?img=1_p/1_p2_big.jpg" target= "img"><img src="images/1_p/1_p2.jpg" border=0></a> '
leftrightslide[2]=' <a href="centro.php?img=1_p/1_p3_big.jpg" target= "img"><img src="images/1_p/1_p3.jpg" border=0></a> '
leftrightslide[3]=' <a href="centro.php?img=1_p/1_p4_big.jpg" target= "img"><img src="images/1_p/1_p4.jpg" border=0></a> '
leftrightslide[4]=' <a href="centro.php?img=1_p/1_p5_big.jpg" target= "img"><img src="images/1_p/1_p5.jpg" border=0></a> '
leftrightslide[5]=' <a href="centro.php?img=1_p/1_p6_big.jpg" target= "img"><img src="images/1_p/1_p6.jpg" border=0></a> '
leftrightslide[6]=' <a href="centro.php?img=1_p/1_p7_big.jpg" target= "img"><img src="images/1_p/1_p7.jpg" border=0></a> '
leftrightslide[7]=' <a href="centro.php?img=1_p/1_p8_big.jpg" target= "img"><img src="images/1_p/1_p8.jpg" border=0></a> '
leftrightslide[8]=' <a href="centro.php?img=1_p/1_p9_big.jpg" target= "img"><img src="images/1_p/1_p9.jpg" border=0></a> '
leftrightslide[9]=' <a href="centro.php?img=1_p/1_p10_big.jpg" target= "img"><img src="images/1_p/1_p10.jpg" border=0></a> '
leftrightslide[10]=' <a href="centro.php?img=1_p/1_p11_big.jpg" target= "img"><img src="images/1_p/1_p11.jpg" border=0></a> '
leftrightslide[11]=' <a href="centro.php?img=1_p/1_p12_big.jpg" target= "img"><img src="images/1_p/1_p12.jpg" border=0></a> '
leftrightslide[12]=' <a href="centro.php?img=1_p/1_p13_big.jpg" target= "img"><img src="images/1_p/1_p13.jpg" border=0></a> '
leftrightslide[13]=' <a href="centro.php?img=1_p/1_p14_big.jpg" target= "img"><img src="images/1_p/1_p14.jpg" border=0></a> '
leftrightslide[14]=' <a href="centro.php?img=1_p/1_p15_big.jpg" target= "img"><img src="images/1_p/1_p15.jpg" border=0></a> '
leftrightslide[15]=' <a href="centro.php?img=1_p/1_p16_big.jpg" target= "img"><img src="images/1_p/1_p16.jpg" border=0></a> '
leftrightslide[16]=' <a href="centro.php?img=1_p/1_p17_big.jpg" target= "img"><img src="images/1_p/1_p17.jpg" border=0></a> '
leftrightslide[17]=' <a href="centro.php?img=1_p/1_p18_big.jpg" target= "img"><img src="images/1_p/1_p18.jpg" border=0></a> '
leftrightslide[18]=' <a href="centro.php?img=1_p/1_p19_big.jpg" target= "img"><img src="images/1_p/1_p19.jpg" border=0></a> '
leftrightslide[19]=' <a href="centro.php?img=1_p/1_p20_big.jpg" target= "img"><img src="images/1_p/1_p20.jpg" border=0></a> '
leftrightslide[20]=' <a href="centro.php?img=1_p/1_p21_big.jpg" target= "img"><img src="images/1_p/1_p21.jpg" border=0></a> '
leftrightslide[21]=' <a href="centro.php?img=1_p/1_p22_big.jpg" target= "img"><img src="images/1_p/1_p22.jpg" border=0></a> '
leftrightslide[22]=' <a href="centro.php?img=1_p/1_p23_big.jpg" target= "img"><img src="images/1_p/1_p23.jpg" border=0></a> '
leftrightslide[23]=' <a href="centro.php?img=1_p/1_p24_big.jpg" target= "img"><img src="images/1_p/1_p24.jpg" border=0></a> '
leftrightslide[24]=' <a href="centro.php?img=1_p/1_p25_big.jpg" target= "img"><img src="images/1_p/1_p25.jpg" border=0></a> '
leftrightslide[25]=' <a href="centro.php?img=1_p/1_p26_big.jpg" target= "img"><img src="images/1_p/1_p26.jpg" border=0></a> '
leftrightslide[26]=' <a href="centro.php?img=1_p/1_p27_big.jpg" target= "img"><img src="images/1_p/1_p27.jpg" border=0></a> '
leftrightslide[27]=' <a href="centro.php?img=1_p/1_p28_big.jpg" target= "img"><img src="images/1_p/1_p28.jpg" border=0></a> '
leftrightslide[28]=' <a href="centro.php?img=1_p/1_p29_big.jpg" target= "img"><img src="images/1_p/1_p29.jpg" border=0></a> '
leftrightslide[28]=' <a href="centro.php?img=1_p/1_p29_big.jpg" target= "img"><img src="images/1_p/1_p29.jpg" border=0></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=leftrightslide
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_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+100
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)+15))
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.style.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+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+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></td>
</tr>
</table>
niente paura...
sembra incasinato ma funziona già così! :fonzie:
Non ti rimane che copiarlo e modificare con il nome delle tue immagini e il loro percorso e oltre al relativo link di
ognuna!
Quindi quando trovi i tag <a href> sostituisci l'url di destinazione
e nei tag <img src> metterai le tue foto!
:byebye:
PS:Lo scroll va,ma è stato usato un css esterno x impaginare il tutto...può darsi che il risultato non sia proprio perfetto
Ultima modifica:
ok provo , ma ho gia fatto tante prove adesso copio questo codice su una pagina html...................
ok io sto uscendo pazzo , dimmi una cosa se io ho in nella cartella mioweb (C:\Documents and Settings\mai.piu\Desktop\mioweb) l'immagine 1.jpg 2.jpg 3.jpg
comer verra in questo codice ,
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="centro.php?img=2_p/2_p1_big.jpg" target= "img"><img src="images/2_p/2_p1.jpg" border=0></a> '
leftrightslide[1]=' <a href="centro.php?img=2_p/2_p2_big.jpg" target= "img"><img src="images/2_p/2_p2.jpg" border=0></a> '
leftrightslide[2]=' <a href="centro.php?img=2_p/2_p3_big.jpg" target= "img"><img src="images/2_p/2_p3.jpg" border=0></a> '
leftrightslide[3]=' <a href="centro.php?img=2_p/2_p4_big.jpg" target= "img"><img src="images/2_p/2_p4.jpg" border=0></a> '
leftrightslide[4]=' <a href="centro.php?img=2_p/2_p5_big.jpg" target= "img"><img src="images/2_p/2_p5.jpg" border=0></a> '
a me non mi viene nessun scroller scusa se non riesco!!!
secondo me bastava fare cosi:
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\1.jpg" target= "img"><img src="1.jpg" border=0></a> '
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\2.jpg" target= "img"><img src="2.jpg" border=0></a> '
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\3.jpg" target= "img"><img src="3.jpg" border=0></a> '
bhuuuu!!!!!
ok io sto uscendo pazzo , dimmi una cosa se io ho in nella cartella mioweb (C:\Documents and Settings\mai.piu\Desktop\mioweb) l'immagine 1.jpg 2.jpg 3.jpg
comer verra in questo codice ,
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="centro.php?img=2_p/2_p1_big.jpg" target= "img"><img src="images/2_p/2_p1.jpg" border=0></a> '
leftrightslide[1]=' <a href="centro.php?img=2_p/2_p2_big.jpg" target= "img"><img src="images/2_p/2_p2.jpg" border=0></a> '
leftrightslide[2]=' <a href="centro.php?img=2_p/2_p3_big.jpg" target= "img"><img src="images/2_p/2_p3.jpg" border=0></a> '
leftrightslide[3]=' <a href="centro.php?img=2_p/2_p4_big.jpg" target= "img"><img src="images/2_p/2_p4.jpg" border=0></a> '
leftrightslide[4]=' <a href="centro.php?img=2_p/2_p5_big.jpg" target= "img"><img src="images/2_p/2_p5.jpg" border=0></a> '
a me non mi viene nessun scroller scusa se non riesco!!!
secondo me bastava fare cosi:
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\1.jpg" target= "img"><img src="1.jpg" border=0></a> '
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\2.jpg" target= "img"><img src="2.jpg" border=0></a> '
leftrightslide[0]=' <a href="C:\Documents and Settings\mai.piu\Desktop\mioweb\3.jpg" target= "img"><img src="3.jpg" border=0></a> '
bhuuuu!!!!!
Ultima modifica:
erluigino ha scritto:
Attenzione!!! prima di tutto non mettere il percorso completo
C:/Documents and setting/ecc...
Se no quando scarichi sul server non va più nulla!!! :hammer:La modifica che hai fatto non può funzionare per tante ragioni:
La numerazione dell'array è sbagliata (quelli dentro la parentesi quadra non possono essere tutti zero, vanno in progressione come nel codice originale).
Attento anche a quel che metti nel tag <a href> così come hai scritto non c'è link a una pagina web, ma solo alla foto!
POI...per inserire le tue immagini nel codice
prima devi decidere dove salvare il file html...quindi dopo verrà il resto.
Mi spiego.Se file html e immagini sono nella stessa cartella
non devi indicare il percorso, basta nome foto ed estensione (.jpg) se è questo il tuo caso il codice va corretto così:
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="tuolink1.htmimg=1.jpg" target= "img"><img src="1.jpg" border=0></a> '
leftrightslide[1]=' <a href="tuolink2.htmimg=2.jpg" target= "img"><img src="2.jpg" border=0></a> '
e così via il resto...
Se invece x esempio il file html è in "desktop" e le foto in
"mioweb" la modifica è:
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="tuolink1.htmimg=mioweb/1.jpg" target= "img"><img src="mioweb/1.jpg" border=0></a> '
leftrightslide[1]=' <a href="tuolink2.htmimg=mioweb/2.jpg" target= "img"><img src="mioweb/2.jpg" border=0></a> '
eccetera...
se per caso devi indicare una cartella superiore si scrive così: ../
Coraggio,ce la puoi fare... :fonzie: :byebye:
senti io hio questa immagine nel server:
http://utenti.lycos.it/erne73/ook/1.jpg
http://utenti.lycos.it/erne73/ook/2.jpg
mi crei tu questo scroller se non ti dispiace
ciaooooooo...... :ister: :ister: :incazz: :ister: :ister:
http://utenti.lycos.it/erne73/ook/1.jpg
http://utenti.lycos.it/erne73/ook/2.jpg
mi crei tu questo scroller se non ti dispiace
ciaooooooo...... :ister: :ister: :incazz: :ister: :ister:
...se te lo faccio io tu non impari però...
Poi quelle jpg sono esageratamente grandi e pesanti...
una è 250kb
Va bè dai...questo è il codice, salvalo in html e scaricalo via ftp nel server. (non è che usi front page verooo???? :hammer: )
A me funziona bene, solo che lo scroll scorre lentamente perchè lo script è studiato x delle foto molto più piccole delle tue! :hammer:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" " border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" height="136"> </td>
<td align="right" valign="top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="500" height="19" align="right">
<script language=JavaScript1.2>
var sliderwidth=470;
var sliderheight=100;
var slidespeed=2;
slidebgcolor="#CCCAC8";
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="tuolink.htm" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
leftrightslide[1]=' <a href="tuolink.htm" target= "img"><img src="erne73/ook/2.jpg" border=0></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=leftrightslide
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_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+100
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)+15))
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.style.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+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+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></td>
</tr>
</table>
</body>
</html>
:byebye:
Poi quelle jpg sono esageratamente grandi e pesanti...
una è 250kb
Va bè dai...questo è il codice, salvalo in html e scaricalo via ftp nel server. (non è che usi front page verooo???? :hammer: )
A me funziona bene, solo che lo scroll scorre lentamente perchè lo script è studiato x delle foto molto più piccole delle tue! :hammer:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" " border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" height="136"> </td>
<td align="right" valign="top">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="500" height="19" align="right">
<script language=JavaScript1.2>
var sliderwidth=470;
var sliderheight=100;
var slidespeed=2;
slidebgcolor="#CCCAC8";
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]=' <a href="tuolink.htm" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
leftrightslide[1]=' <a href="tuolink.htm" target= "img"><img src="erne73/ook/2.jpg" border=0></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=leftrightslide
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_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+100
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)+15))
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.style.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+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+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></td>
</tr>
</table>
</body>
</html>
:byebye:
il mio spazio è www.utenti.lycos.it\erne73
la cartella dove sono le foto si chiama ook
cosi non va!!
leftrightslide[0]=' <a href="http:\\utenti.lycos.it\erne73\ook\1.jpg" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
cosi non va!!!
leftrightslide[0]=' <a href="http:\\utenti.lycos.it\erne73.htm" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
sono proprio imbranato???? :hammer: :hammer:
la cartella dove sono le foto si chiama ook
cosi non va!!
leftrightslide[0]=' <a href="http:\\utenti.lycos.it\erne73\ook\1.jpg" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
cosi non va!!!
leftrightslide[0]=' <a href="http:\\utenti.lycos.it\erne73.htm" target= "img"><img src="erne73/ook/1.jpg" border=0></a> '
sono proprio imbranato???? :hammer: :hammer:
ora comincio a capire...togli erne73!!!...
...Ci sono 2 errori grossi:
1)Se il file html di questo scrollbar è già dentro la cartella
erne73 dovrai scrivere solo :<img src="ook/1.jpg"border ecc.
se scrivi "erne73/ook/1.jpg" darà errore!x chè il browser va a cercare dentro "erne73" un'altra cartella con lo stesso nome che ovviamente non esiste.
Il tag <img src> serve per individuare e caricare la foto!
2)Il tag <a href> invece serve x trasformare la foto in un link
cliccabile!!(in questo caso).
Quindi dovrai metterci dentro il collegamento a un'altra pagina
html o php o asp.Invece tu hai messo il collegamento alla foto jpg!! :hammer: e non ha senso...lo fa già il tag <img src> questo!!!
Questo codice è stato scritto x caricare una serie di immagini,
farle scorrere in automatico,far sì che lo scroll si fermi quando il mouse passa su una foto e poter assegnare a ciascuna di esse un link cliccabile diverso!
Combacia tutto ciò con le tue esigenze?
Se sì, correggi il codice così:
leftrightslide[0]=' <a href="erne73.htm" target= "img"><img src="ook/1.jpg" border=0></a> '
A sto punto deve funzionare x forza !!! :ister:
ATTENZIONE:ho controllato sul tuo sito e il file erne73.htm non esiste!Quindi il link non può funzionare e se ci fai click sopra darà errore!
...Ci sono 2 errori grossi:
1)Se il file html di questo scrollbar è già dentro la cartella
erne73 dovrai scrivere solo :<img src="ook/1.jpg"border ecc.
se scrivi "erne73/ook/1.jpg" darà errore!x chè il browser va a cercare dentro "erne73" un'altra cartella con lo stesso nome che ovviamente non esiste.
Il tag <img src> serve per individuare e caricare la foto!
2)Il tag <a href> invece serve x trasformare la foto in un link
cliccabile!!(in questo caso).
Quindi dovrai metterci dentro il collegamento a un'altra pagina
html o php o asp.Invece tu hai messo il collegamento alla foto jpg!! :hammer: e non ha senso...lo fa già il tag <img src> questo!!!
Questo codice è stato scritto x caricare una serie di immagini,
farle scorrere in automatico,far sì che lo scroll si fermi quando il mouse passa su una foto e poter assegnare a ciascuna di esse un link cliccabile diverso!
Combacia tutto ciò con le tue esigenze?
Se sì, correggi il codice così:
leftrightslide[0]=' <a href="erne73.htm" target= "img"><img src="ook/1.jpg" border=0></a> '
A sto punto deve funzionare x forza !!! :ister:
ATTENZIONE:ho controllato sul tuo sito e il file erne73.htm non esiste!Quindi il link non può funzionare e se ci fai click sopra darà errore!
ricapitoliamo tutto
leftrightslide[0]=' <a href="erne73.htm" target= "img"><img src="ook/1.jpg" border=0></a> '
alllora con questo codice 1° faccio un file html(solo di questo codice giusto)ma come lo chiamo?
poi mi creo una cartella erne73 con le foto dentro e il file erne73.html,,,, che succesivamente metto nel server del mio spazio che e http://utenti.lycos.it/erne73,,,,GIUSTO???
se è si il link come sarà?? :hammer: :ister: :hammer: :ister:
leftrightslide[0]=' <a href="erne73.htm" target= "img"><img src="ook/1.jpg" border=0></a> '
alllora con questo codice 1° faccio un file html(solo di questo codice giusto)ma come lo chiamo?
poi mi creo una cartella erne73 con le foto dentro e il file erne73.html,,,, che succesivamente metto nel server del mio spazio che e http://utenti.lycos.it/erne73,,,,GIUSTO???
se è si il link come sarà?? :hammer: :ister: :hammer: :ister:
Discussioni simili
