-
Dimensioni Pagina
Ho una serie di immagini miniaturizzate che girano su se stesse creando un effetto scorrimento.
Devo far si che al clicc del mouse, su una di queste, si apri un'ingrandimento della foto cliccata, in una pagina con dimensioni ridotte e senza barre.
Come posso fare????
Premetto, che mi è gia possibile tramite questo script, che crea il movimento avere un link foto per foto.
Quindi mi servirebbe solo il codice html per creare la pagina con le dimensioni limitate.
-
Si chiamano popup, facendo qualche ricerca in questo forum o in rete trovi tonnellate di info utili.
Ciaooooo!!!!
-
Io ho cercato pure popup, ma mi sembra di aver capito, che questi non si possano lanciare con un clicck su una immagine...
Correggimi se sbalgio
-
Ti correggo, una popup è apribile da qualsiasi link, tramite js, e quindi anche da un'immagine linkata.
Al posto di <a href="#" onclick="...">testo linkato</a> scrivi <a href="#" onclick="..."><img src="img.jpg" /></a>
Ciaooooo!!
-
bhe io ho provato un po ma i risultati non arrivano.
Credo di non poter fare cio che intendo fare con un POP-UP...
Qualcuno puo darmi delle soluzioni:
Vi do il link del mio sito web.
Se possibile vi guardate l'html e mi dite, voi che fareste nei miei panni:
Il sito è il seguente: www.mamastyle.it Se andate nella sezione PRODOTTI/ARREDAMENTO/MENU/LEGNO/MNLGN001 troverete la sequenza di immagini che ruota.
Bene quella sequenza era un codice html che ho preso dal sito ASBAFO.net
E contiene gia dei campi da compialare, per il collegamento delle varie immagini, Immagine per Immagine.
Quando provo a mettere in quell'appostito capo: onclick.Open o quello che sia, la sequenza di immagini scopare nel nulla, a volte anche tutta la pagina.
Voi che fareste nei miei panni, è possibile che non esista un codice html per ridimensionare una pagina html, senza creare dei popup???
Fatemi sapere
-
Tu cosa vuoi fare? Te lo chiedo perché da quello che hai scritto nell'ultimo messaggio ho capito veramente poco.
Vuoi aprire una pop-up diversa per ogni immagine?
-
in pratica si....
dalle immagini che ruotano, dovrei aprire un popup con l'ingrandimento e due frecce per scorrere le immagini
-
Dove c'è:
Codice:
// Aggiungi un link per ciascuna immagine, in formato assoluto o relativo.
// Se non desideri un link per una o più immagini inserisci il valore "#"
slidelink[0]="#"
slidelink[1]="#"
slidelink[2]="#"
slidelink[3]="#"
slidelink[4]="#"
slidelink[5]="#"
slidelink[6]="#"
slidelink[7]="#"
slidelink[8]="#"
slidelink[9]="#"
Metti le pagine che ogni immagine deve far aprire al posto di "#".
Dove c'è:
Codice:
if (i_loop<=slidewidth) {
if (ie) {
imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
Prova a sostituirlo con:
Codice:
if (i_loop<=slidewidth) {
if (ie) {
imgcontainer1.innerHTML="<a href=\"#\" onclick=\"window.open('"+slidelink[i_image1]+"', 'popup', 'width=300, height=300, toolbar=yes, location=no, status=yes, menubar=yes, scrollbars=no, resizable=no'); return false;\"><img width=\""+i_loop+"\" height=\""+slideheight+"\" src=\""+slideurl[i_image1]+"\" border=\"0\"></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML="<a href=\"#\" onclick=\"window.open('"+slidelink[i_image2]+"', 'popup', 'width=300, height=300, toolbar=yes, location=no, status=yes, menubar=yes, scrollbars=no, resizable=no'); return false;\"><img width=\""+(slidewidth-i_loop)+"\" height=\""+slideheight+"\" src=\""+slideurl[i_image2]+"\" border=\"0\"></a>"
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML=<a href=\"#\" onclick=\"window.open('"+slidelink[i_image1]+"', 'popup', 'width=300, height=300, toolbar=yes, location=no, status=yes, menubar=yes, scrollbars=no, resizable=no'); return false;\"><img width=\""+i_loop+"\" height=\""+slideheight+"\" src=\""+slideurl[i_image1]+"\" border=\"0\"></a>"
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML="<a href=\"#\" onclick=\"window.open('"+slidelink[i_image2]+"', 'popup', 'width=300, height=300, toolbar=yes, location=no, status=yes, menubar=yes, scrollbars=no, resizable=no'); return false;\"><img width=\""+(slidewidth-i_loop)+"\" height=\""+slideheight+"\" src=\""+slideurl[i_image2]+"\" border=\"0\"></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
-
ho provato, ma in questo modo mi scopare la sequenza di immagini
-
Ti esce qualche errore di JavaScript?
-
non sono pratico...
Quindi non saprei nemmeno risponderti..
Cmq eseguendo la pagina sul browser, non compaiono scritte anomale, ma semplicemente non si vede piu lo scorrimento delle img.
-
Se usi Internet Explorer, in basso a sinistra ti dovrebbe uscire un'immagine se ci sono errori in JavaScript. Per quanto riguarda Firefox, c'è la Console degli Errori.
-