Scroll su div e lightbox

[t1t]

ho inserito delle immagini che sfruttano lightbox sull'ultimo sito che sto sviluppando, solo che quando l'immagine si ingrandisce mi rimane sovrapposta la barra di scroll che c'è su un div...


www.enricorondinelli.com/template.htm

qualcuno sa se c'è soluzione?

[t1t]

nessuno sa come fare?
il problema naturalmente si presenta visualizzando con risoluzione alte del monitor perchè l'immagine di lightbox viene caricata al centro della finestra del browser

[H5N1_Aviaria]

Al richiamo della funzione che visualizza lightbox aggiungi anche una funzione che imposti l'overflow del div a "hidden".
Alla chiusura di lightbox ripristina il valore dell'overlow in "auto" o in "".

[t1t]

dovrei crarmi una funzione apposita in java??

[H5N1_Aviaria]

In Javascript.

[t1t]

in java sono abbastanza negato... ma provo a mettermi all'opera...

come si fa per spostare questa discussione sul forum di java così magari trovo qualcuno che mi sa indirizzare?

[H5N1_Aviaria]

Aspetta che lo faccia qualche moderatore.
In ogni caso credo si debba andare a modificare direttamente la funzione initLightbox in questo modo:

Originale:

		if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
			anchor.onclick = function () {showLightbox(this); return false;}
		}

Modifica:

		if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){
			anchor.onclick = function () {showLightbox(this);removeScrollbar(); return false;}
		}

Dopodichè andrai a modificare

objLink.onclick = function () {hideLightbox(); return false;}

in

objLink.onclick = function () {hideLightbox();showScrollbar(); return false;}

e dovrai andarti a creare le funzioni removeScrollbar() e showScrollbar():

removeScrollbar = function(){
document.getElementById("text").style.overflow="hidden";
}
showScrollbar = function(){
document.getElementById("text").style.overflow="",
}

[t1t]

grazie mille per la risposta....

però apportando nel .js le modifiche che mi hai detto non parte più lightbox e mi si apre direttamente una pagina con la foto


www.enricorondinelli.com/esempio.html

[H5N1_Aviaria]

Errore concettuale.

Mi capita spesso ultimamente!


Andremo a modificare altrove.
In particolare le funzioni showLightbox e hideLightbox.
Nella prima aggiungerai

if (document.getElementById("text")) document.getElementById("text").style.overflow="hidden";

nella seconda

if (document.getElementById("text")) document.getElementById("text").style.overflow=""

[t1t]

non mi parte più, mi visualizza l'immagine in una nuova pagina


ho messo le due funzioni all'interno di uno script nell'head della pagina

e le ho richiamate all'interno delle funzioni showLightbox e hideLightbox (le ho messe alla fine)



grazie ancora dell'aiuto che mi stai dando