Script Carousel

[Haku]

Hos caricato questo script,ma ho un problema che non riesco a risolvere.
Potete vedere l'esempio qui:
http://www.rpgmkr.net/forum/games.php

Mi riferisco ai quadratini delle immagini...quando arrivano a 8,va a capo...
come posso farli continuare?
Ho provato a modificare un sacco di parametri,ma non ne vuole proprio sapere.

Mi accontento anche di una modifichina per poter visualizzare un tot di quadrati e poi andare avanti magari con delle freccette =)

http://www.mediafire.com/download.php?4dk2zy2mzzu

[Carlo]

Che dovrebbe fare questo script?

[Haku]

Ogni volta che aggiungi la riga nel file html,ti mostra uno slide delle immagini inserite,aggiungendo un riquadro numerato sotto...ecco la demo on-line:
http://javascript.html.it/demo/javascri ... sempio.htm

[Carlo]

Quello è JavaScript.

Questa sezione però si chiama "PHP - MySQL".

[Haku]

Pensavo fosse la sezione giusta,ma invece ho proprio cannato ^^

Se avete novità,fatemi sapere =)

[agron_92]

E' un problema di CSS in particolare allo style del js assegnato all'elemento thumbs riga 118:

Codice: Seleziona tutto

						$('#thumbs'+randID).append('<div class="thumb" id="thumb'+randID+'_'+(i+1)+'" style="cursor:pointer;background-image:url('+thumb+');display:inline;float:left;width:'+o.thumbnailWidth+';height:'+o.thumbnailHeight+';line-height:'+o.thumbnailHeight+';padding:0;overflow:hidden;text-align:center;border:2px solid #ccc;margin-right:4px;font-size:'+o.thumbnailFontSize+';font-family:Arial;color:#000;text-shadow:0 0 3px #fff">'+(i+1)+'</div>');

Modifica aggiungendo:

min-width: 400px;

Codice: Seleziona tutto

						$('#thumbs'+randID).append('<div class="thumb" id="thumb'+randID+'_'+(i+1)+'" style="min-width:400px;cursor:pointer;background-image:url('+thumb+');display:inline;float:left;width:'+o.thumbnailWidth+';height:'+o.thumbnailHeight+';line-height:'+o.thumbnailHeight+';padding:0;overflow:hidden;text-align:center;border:2px solid #ccc;margin-right:4px;font-size:'+o.thumbnailFontSize+';font-family:Arial;color:#000;text-shadow:0 0 3px #fff">'+(i+1)+'</div>');

[Haku]

Se modifico quella parte col tuo consiglio,mi rovina tutto O_o
Mi da uno scroll verticale,e non è quello che volevo fare io ^^'

[agron_92]

Strano allora non capisco da cosa possa dipendere... ho aggiunto solo un min-width e ho fatto una prova con lo stesso script, funziona, se provo a modificare l'HTML aggiungendo sempre quella riga alla tua pagina si vede come nell'immagine allegata.

[Haku]

Che broswer usi?
E' possibile che abbia messo la parte di codice nel punto sbagliato ^^'
Riprovo

[agron_92]

Uso Firefox, cmq può darsi con sti js è sempre un casino...