galleria jquery: problema nel caricamento di una immagine da un'anteprima

arval

Nuovo Utente
21 Nov 2012
22
1
3
Ciao ragazzi, sono nuova sul forum e dopo aver fatto una ricerca credo di non aver trovato in altre discussioni già esistenti il mio problema, anche perchè credo sia alquanto assurdo! :D

In pratica sto sviluppando un sito web html con l'aiuto di javascript e plugin jquery (entrambi non li conosco quasi per niente, ovviamente è già in programma di mettermi un pò a studiacchiare questi linguaggi, solo che ne ho avuto bisogno e ho dovuto usarli anche senza conoscerli, cercando di arrangiare un pò...).
In particolare ho creato una photo gallery avvalendomi del plugin jquery Galleriffic, che, come potete vedere qui online ho adattato alla struttura del sito che sto creando. L'unico problema è che, come noterete voi stessi, al clic delle anteprime l'immagine ingrandita viene caricata più in basso per poi stabilizzarsi sulla sua giusta posizione.
Ora ammetto che sicuramente mi starà sfuggendo una stupidaggine, ma non riesco proprio a venirne a capo e siccome è piuttosto urgente, chiedo il vostro aiuto mentre io continuo a sbatterci la testa cercando l'errore :)

Certi della vostra preziosa disponibilità vi saluto!!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao e benvenuta
modifica il tuo css (style.css)
da cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
}
a cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
    height:480px;
    overflow:hidden;
}
 

arval

Nuovo Utente
21 Nov 2012
22
1
3
Ciao e benvenuta
modifica il tuo css (style.css)
da cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
}
a cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
    height:480px;
    overflow:hidden;
}

innanzitutto grazie :) in effetti così non si sposta..o meglio..la prima foto no, le successive sì, non come prima, ma di una decina di px si :( e non solo verso il basso ma anche verso dx (basta guardare il bordo delle img, si vede appena...)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
aggiusta l'altezza, ho visto che le immagini sono alte 468px a cui dovrai aggiungere i bordi
modifica i px dell'height cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
    height:472px;
    overflow:hidden;
}
io il salto l'ho notato solo quando clicchi sulla thumb dell'immagine corrente e solo in verticale
che browser utilizzi?
 
Ultima modifica:

arval

Nuovo Utente
21 Nov 2012
22
1
3
aggiusta l'altezza, ho visto che le immagini sono alte 468px a cui dovrai aggiungere i bordi
modifica i px dell'height cosi
Codice:
div.slideshow-container {
    width: 100%;
    float: left;
    height:472px;
    overflow:hidden;
}
io il salto l'ho notato solo quando clicchi sulla thumb dell'immagine corrente e solo in verticale
che browser utilizzi?

Ho modificato come mi hai detto ma non è cambiato nulla. Io uso chrome, in effetti con mozilla accade come hai detto tu.
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
io lo vedo nello stesso modo anche su chrome, probabilmente abbiamo la risoluzione schermo diversa
credo infatti che ti converrebbe rivedere la struttura HTML
hai provato a ridimensionare il browser?

intanto sposto la discussione nella sezione html è piu probabile trovare altri pareri li
 

arval

Nuovo Utente
21 Nov 2012
22
1
3
io lo vedo nello stesso modo anche su chrome, probabilmente abbiamo la risoluzione schermo diversa
credo infatti che ti converrebbe rivedere la struttura HTML
hai provato a ridimensionare il browser?

intanto sposto la discussione nella sezione html è piu probabile trovare altri pareri li

In realtà dovrebbe essere un layout responsive, con i mediaqueries :D Infatti se lo ridimensioni i box si spostano uno sotto l'altro, anche se vedo uno spazio che non dovrebbe esserci tra l'immagine grande e il box delle anteprime. Comunque io ricordo che prima veniva visualizzata correttamente sia la photogallery che il layout resp (non c'era quello spazio eccessivo tra i box). La verità è che questa pagina l'avevo fatta un mesetto fa e l'ho dovuta abbandonare per dedicarmi ad altre pagine. Non vorrei (e credo sia successo così, a questo punto), che involontariamente abbia modificato qualche css (o jquery) che non dovevo. Ora il problema è andare a capire quale....Altra cosa in explorer, come sempre, non viene visualizzata per niente, come non viene visualizzato lo scroll del text ecc (era impostata modalità browser: visualizzazione compatibilità IE9; cambiandolo in "Internet Explorer 9" si visualizza tutto correttamente anzi, ti dirò di più, non mi da nessun errore che invece mi da chrome, tranne il fatto che ricliccando sulla stessa anteprima me la sposta leggermente in basso..)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
ci sono delle immagini che non vengono trovate dal bw
"NetworkError: 404 Not Found - http://villaggisolemare.altervista.org/img/back4.png"
"NetworkError: 404 Not Found - http://villaggisolemare.altervista.org/images/struttura/img9.jpg"
forse una di queste ti crea lo spazio di cui parli

prova anche a validare i css
http://jigsaw.w3.org/css-validator/
ci sono un paio di errori che potrebbero dare fastidio

prima volta che ne sento parlare :book:
 

arval

Nuovo Utente
21 Nov 2012
22
1
3
basta che cerchi su google media queries e capisci cosa intendo, comunque consiste nel creare un foglio stile di default e uno per tutte le altre risoluzioni. :)

"NetworkError: 404 Not Found - http://villaggisolemare.altervista.org/images/struttura/img9.jpg"
a me non risulta questo errore..

L'altro sì e ho tolto quel div inutile.
La validazione l'ho fatta e mi ha dato alcuni errori che ho aggiustato ma che comunque non centravano nulla (tant'è che non è cambiato niente...).
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
basta che cerchi su google media queries
si avevo guardato, mai usati

nella seconda pagina delle thumbs la prima immagine (quindi la 9 in ordine ) non la vedo apparire nello slide
 

arval

Nuovo Utente
21 Nov 2012
22
1
3
assurdo, con mozilla non appare, con chrome si!!!Vabbè ma il problema principale, ahimè, resta...
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Problema caricamento/sostituzione immagini galleria php-jquery jQuery 2
G galleria immagini lightbox in jquery jQuery 0
F [PHP] Galleria immagini PHP 6
Z Problema Galleria Javascript Javascript 1
V Galleria con CSS e Javascript Javascript 2
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
J Creata galleria fotografica con Adobe Bridge ...... Webdesign e Grafica 7
L [php e xml] per creare una galleria fotografica con diversi file xml PHP 0
S Galleria fotografica con geotag Webdesign e Grafica 14
ANDREA20 [HTML] galleria immagini HTML e CSS 2
T Galleria fotografica con valutazione HTML e CSS 5
asevenx cerco plugin per miniature galleria fotografica in widjet WordPress 1
M element style immodificabile dentro una galleria javascript Javascript 6
P domanda su galleria HTML e CSS 4
L effetto galleria popup (immagini) jQuery 1
J Video galleria in php no prende l'id PHP 1
J Galleria di video PHP 1
L Centrare galleria immagine HTML e CSS 2
L galleria fotografica da cartella PHP 10
Monital galleria a fisarmonica con aga.js jQuery 3
M Galleria fotografica per inserzioni eBay HTML e CSS 1
asevenx galleria fotografica che da problemi con Internet Explorer Javascript 1
B creare galleria fotografica dreamweaver HTML e CSS 1
J Galleria fotografica jq editabile jQuery 0
R Problema con didascalie galleria immagini PHP 1
M Galleria fotografica HTML e CSS 1
R galleria immagini semplice a schermo intero jQuery 1
A Creare una galleria foto senza refresh PHP 0
Trapano Galleria immagini semplice PHP 5
R Galleria di immagini ad apparimento jQuery 1
A Problema gestione galleria fotografica in java Javascript 4
S Galleria Fotografica HTML e CSS 1
asevenx carattere speciale da togliere in script galleria jquary jQuery 4
M Galleria funziona solo dopo refresh PHP 56
O Galleria Facebook nel proprio sito wwb PHP 3
E Visualizzazione galleria in pagina php da datebase PHP 3
I Perchè devo cliccare 2 volte su un link per caricare correttamente il css di una galleria? WordPress 1
P galleria immagine javascript Javascript 5
F Problemi con il mio primo sito, galleria fai da te non visualizzata correttamente HTML e CSS 1
P galleria fotografica per parco auto Webdesign e Grafica 12
P Creare una galleria di prodotti CMS (Content Management System) 0
Eruyomon Galleria fotografica Veloce jQuery 13
P Galleria immagini semplice Javascript 5
P Galleria immagini HTML e CSS 5
A Galleria gd2 PHP 2
N galleria interattiva e upload Java 3
E galleria per sito web Javascript 0
A Galleria d'immagini con PHP, Le GD2 e Mysql PHP 5
D Galleria fotografica da gestire autonomamente Flash 1

Discussioni simili