[Lightbox] Come fissare le dimensioni della finestra

[Skull260287]

Salve a tutti sono alle prese con il codice di Lightbox per realizzare una fotogallery, qualcuno per caso conosce una soluzione per poter decidere le dimensioni del contenitore delle immagini e non permetterne il ridimensionamento a seconda della grandezza dell'immagine?

Grazie

[cavicchiandrea]

Non conosco nello specifico lightbox ma presumo abbia un file css che "regolamenti" i vari contenitori/div, una volta trovato quello incaricato a contenere le immagine impostarlo con dimensioni fisse non credo sia un problema.

[Skull260287]

Originariamente inviato da cavicchiandrea
Non conosco nello specifico lightbox ma presumo abbia un file css che "regolamenti" i vari contenitori/div, una volta trovato quello incaricato a contenere le immagine impostarlo con dimensioni fisse non credo sia un problema.

Ciao, l'ho fatto ma non viene proprio considerata la modifica dato che da li si imposta solo la dimensione base poi il codice javascript ridimensiona all'apertura alla dimensione della prima immagine e così via per le altre, ho provato a modificare delle impstazioni nel codice, ma è davvero un casino, per questo chiedevo qui per sapere se c'era già un codice modificato in questo senso.

[cavicchiandrea]

Prova a mettere il link pubblico, cosi da non dover ricreare tutto in locale.

[Skull260287]

Originariamente inviato da cavicchiandrea
Prova a mettere il link pubblico, cosi da non dover ricreare tutto in locale.

Questa è la pagina dove viene applicato il lightbox: http://www.studiobiancofoto.com/lavo...at=Fotogallery

Qui trovate i file Js:

http://www.studiobiancofoto.com/lavoro/js/prototype.js
http://www.studiobiancofoto.com/lavo...riptaculous.js
http://www.studiobiancofoto.com/lavoro/js/lightbox.js

Il codice che utilizzo per la pagina è:

<%
	sql = "SELECT * FROM gallery WHERE thumb <> ''"
	dbOpen(sql)
	dim count, gal
	gal = 0
	paginazione = 0
	Do While not objRS.EOF
		count = 0
		gal = gal + 1
		paginazione = paginazione + 1
		sql = "SELECT * FROM foto WHERE gallery = " & objRS("ID")
		dbOpen2(sql)
		Do While not objRS2.EOF
			count = count + 1
			%><a href="<%= images & objRS2("url") %>" rel="lightbox[<%= gal %>]" title="<%= objRS2("desc") %>"><%
			if count = 1 then
			%>[img]<%= images & objRS([/img]" border="0" /><%if paginazione=3 then%>

<%end if%><%
			end if
			%></a><%
			objRS2.MoveNext
		Loop
		objRS.MoveNext
	Loop
%>

[cavicchiandrea]

Tentativo al volo, se non funziona
apri il file lightbox.js e scorri fino a quando non raggiungi function()... e aggiungi la riga in rosso:

function(){
            this.prevLink.setStyle({ height: imgHeight + 'px' });
            this.nextLink.setStyle({ height: imgHeight + 'px' });
            this.imageContainer.setStyle({height: 300px});

che dovrebbe impostare l'altezza del div contenitore a 300px, se non funziona chiaramente cancelli la riga

[Skull260287]

Originariamente inviato da cavicchiandrea
Tentativo al volo, se non funziona
apri il file lightbox.js e scorri fino a quando non raggiungi function()... e aggiungi la riga in rosso:

function(){
            this.prevLink.setStyle({ height: imgHeight + 'px' });
            this.nextLink.setStyle({ height: imgHeight + 'px' });
            this.imageContainer.setStyle({height: 300px});

che dovrebbe impostare l'altezza del div contenitore a 300px, se non funziona chiaramente cancelli la riga

Nulla, puoi vedere stesso tu online cosa succede

[cavicchiandrea]

Non è proprio vero nulla!!! adesso da questo errore

Errore: missing } after property list
File sorgente: http://www.studiobiancofoto.com/lavoro/js/lightbox.js
Riga: 303, Colonna: 44
Codice sorgente:
   this.imageContainer.setStyle({height: 300px});

prova ad aggiungere gli apici '300px'.

Meglio se lo testi firefox che ha il debug degli errori (barra > strumenti > console degli errori)

[Skull260287]

Originariamente inviato da cavicchiandrea
Non è proprio vero nulla!!! adesso da questo errore

Errore: missing } after property list
File sorgente: http://www.studiobiancofoto.com/lavoro/js/lightbox.js
Riga: 303, Colonna: 44
Codice sorgente:
   this.imageContainer.setStyle({height: 300px});

prova ad aggiungere gli apici '300px'.

Meglio se lo testi firefox che ha il debug degli errori (barra > strumenti > console degli errori)

Scusa a me visualizzava l'immagine come se non ci fosse lightbox. In ogni caso ho aggiunto gli apici, ora sembra che il close non sia cliccabile, almeno a me. Non vedo cambiato altro. Ho aggiunto un'immagine grande come quinta cliccando sull'immagine di destra della prima riga per visualizzare meglio.

[cavicchiandrea]

Ultimo tentativo, togli la riga aggiunta e modifica questa:
$('outerImageContainer').setStyle({ width: size, height: size });
con questa
$('outerImageContainer').setStyle({ width: size, height: '300px'});