Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di Pighy
    Registrato dal
    Nov 2006
    Messaggi
    21

    Modifica width - Problemi Java+CSS

    Ciao a tutti,
    dopo aver provato e cercato per ore non sono riuscito a risolvere un problema.
    Ho questa slidegallery che viene controllata da una slide ad hoc.
    L'intenzione è quella di avere la gallery che sia larga esattamente quanto la finestra, senza creare lo scroll del browser. Questo ora avviene perfettamente. Ma se viene ridimensionata la finestra accade che alcune immagini scompaiano o si crei spazio vuoto, a seconda se io ho una finestra grande e la rimpicciolisco, o viceversa. Credo che il problema sia quello di riproporzionare la slide in funzione della dimensione della finestra. Qualcuno può aiutarmi?
    Grazie mille,
    ciao
    Subba chissu!

  2. #2
    Utente di HTML.it L'avatar di Pighy
    Registrato dal
    Nov 2006
    Messaggi
    21
    Scusate manca il link http://www.fabiodesign.com/gallery2.html

    EDIT: ho provato ad aggiungere questo script anche per l'evento window.onresize, che non funziona
    subito ma solo se muovo lo slider, creando uno strano effetto di sovrapposizione misto a farfallio.


    Codice PHP:
    <script type="text/javascript" charset="utf-8">
            
    window.onload = function () {
                var 
    container = $('div.sliderGallery');
                var 
    ul = $('ul'container);
                
                var 
    itemsWidth ul.innerWidth() - container.outerWidth();
                
                $(
    '.slider'container).slider({
                    
    min0,
                    
    maxitemsWidth,
                    
    handle'.handle',
                    
    stop: function (eventui) {
                        
    ul.animate({'left' ui.value * -1}, 500);
                    },
                    
    slide: function (eventui) {
                        
    ul.css('left'ui.value * -1);
                    }
                });
            };
              
        
    </script> 
    Subba chissu!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.