SLIDESHOW: problema con CSS (e con Javascript...!)

di Anonimizzato11294 il
2 risposte
/
Anonimizzato11294
Utente anonimizzato
Salve a tutti!
Sono nuova del forum, mi sono appena iscritta, mi sembrava un forum molto carino e ben fatto e quindi mi sono fermata qui... (non mi pare ci sia una sezione per le presentazioni, quindi non l'ho fatta altrove... ma nel caso mi fossi sbagliata chiedo perdono )

Cercavo un buon forum per risolvere un problema che ho avuto con CSS mentre impostavo la visualizzazione di una slider in jquery. La visualizzazione dello slider è perfetta in Firefox, Safari, Chrome, Opera... ma, come al solito, IE crea sempre problemi! In pratica, se visualizzate QUESTA PAGINA: "http://www.reverieweddingsandevents.com/prova" con IE noterete una scrollbar in basso molto più lunga e l'assenza dei pulsantini rotondi, sotto allo slider, che servono per mostrare in quale punto dello slider, appunto, ci si trova (tra l'altro, ulteriore problema: la manina del link appare su TUTTA l'area, anche esterna, dello slider, quindi anche cliccando al di fuori della zona si viene rinviati ai link associati alle varie immagini che passano nello slideshow ufff....). Come mai si verificano questi problemi? Per quanto riguarda lo scroll e il rinvio ai link è probabile ci siano dei problemi con il codice CSS... ma per i pulsantini assenti?

Un altro problema notato (che forse ha una certa relazione coi precedenti) è che, usando un qualsiasi browser (stavolta), se riduco la dimensione della finestra usando il tastino "ridimensiona finestra", gli sfondi usati nei vari div ad un certo punto terminano "bruscamente", e mi rimane uno spazio bianco su tutto il lato destro della finestra. Un po' come se i valori "width" dei div, per intenderci, non fossero sufficienti a coprire l'intera area visualizzata.
Perdonatemi, non sono proprio brabissima coi CSS purtroppo...

Un'ultima domanda (anche se riguarda javascript, e non css)... come posso fare per farsì che i pulsanti "destra" e "sinistra" dello slider siano SEMPRE visualizzati sullo slideshow, e che non appaiano solamente - come succede ora - quando il mouse si sofferma sullo slider?

Vi ringrazio tantissimo per l'eventuale aiuto!

PS: lo slider l'ho preso da questa pagina.

PPS: non so se per motivi di rapidità può essere d'aiuto... ma vi lascio anche i link diretti ai fogli di stile e ai file javascript usati.

Per la pagina index.html:
1) "http://www.reverieweddingsandevents.com/prova/codice/code.css" - code.css
2) "http://www.reverieweddingsandevents.com/prova/jquakeslider/css/demo.css" - demo.css
3) "http://www.reverieweddingsandevents.com/prova/jquakeslider/css/quake.slider.css" - quake.slider.css

File javascript per lo slider:
1) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/jquery.min.js" - jquery.min.js
2) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/quake.slider-min.js" - quake.slider-min.js
3) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/quake.slider.js" - quake.slider.js

2 Risposte

  • /
    Anonimizzato10202
    Utente anonimizzato
    Adesso non ho tempo per visionare completamente la tua pagina, ma quello della manina come puntatore e il fatto che al click si venga reindirizzati e' causato dalla dimensione di un elemento, per risolvere questo hai bisogno di visionare la posizione e la dimensione esatta dei tuoi elementi con i debuger che tutti i browser offrono e che ti evidenziano gli elementi che hai selezionato mostrandoti tutte le loro misure, se non ricordo male un evento in un determinato evento viene catturato dal bordo compreso in poi, mentre il margine non viene calcolato(ma non mi ricordo molto bene dovresti provare ).
    Poi il mio ie visualizza tutto perfettamente e non da problemi, puo essere che hai gia corretto?
    Per quanto riguarda i div dipende da come hai definito le dimensioni ed eventuali background.
    Per quanto riguarda quello delle freccie dello slider basta che selezioni con jquery i 2 elementi e gli dai la visibilita', qualcosa del tipo
    $('#sliderArrow').css('visibility', 'visible');
    dovrebbe bastare inserito dopo tutti gli script precedenti, ma non sarebbe il massimo dell'eleganza, ti converbbe vedere se il tuo slider dia questa opzione, oppure se hai pazienza lo trovi al suo interno e nascondo la parte che definisce questa funzionalita'.
  • /
    Anonimizzato10202
    Utente anonimizzato

    Aenea ha scritto:

    PPS: non so se per motivi di rapidità può essere d'aiuto... ma vi lascio anche i link diretti ai fogli di stile e ai file javascript usati.

    Per la pagina index.html:
    1) "http://www.reverieweddingsandevents.com/prova/codice/code.css" - code.css
    2) "http://www.reverieweddingsandevents.com/prova/jquakeslider/css/demo.css" - demo.css
    3) "http://www.reverieweddingsandevents.com/prova/jquakeslider/css/quake.slider.css" - quake.slider.css

    File javascript per lo slider:
    1) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/jquery.min.js" - jquery.min.js
    2) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/quake.slider-min.js" - quake.slider-min.js
    3) "http://www.reverieweddingsandevents.com/prova/jquakeslider/js/quake.slider.js" - quake.slider.js
    Non e' necessario questa documentazione, con un browser puo recuperare tutte queste informazioni cercando le sorgeti.
    Sarebbe piu' utile per esempio pubblicare direttamente qui eventuali spezzoni di codici dove hai problemi.
Devi accedere o registrarti per scrivere nel forum
2 risposte