Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    75

    Mantenere immagine al centro

    Ciao,
    uso il seguente script che si appoggia a jquery per ottenere un risultato di ridimensionamento dell'immagine che uso come sfondo (mantenendo l'altezza a tutta pagina). Funziona bene, solo che non riesco a far rimanere l'immagine al centro della finestra, si allinea a sx (non ci riesco nemmeno via css). Mi potete aiutare con javascript? E' possibile?

    Grazie

    codice:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    	<script>
    		$(function() {   
    		
    			var theWindow        = $(window),
    			    $bg              = $("#bg"),
    			    aspectRatio      = $bg.width() / $bg.height();
    			    			    		
    			function resizeBg() {
    				
    				if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
    				    $bg
    				    	.removeClass()
    				    	.addClass('bgheight');
    				} else {
    				    $bg
    				    	.removeClass()
    				    	.addClass('bgheight');
    				}
    							
    			}
    			                   			
    			theWindow.resize(function() {
    				resizeBg();
    			}).trigger("resize");
    		
    		});
    	</script>

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    non ci riesco nemmeno via css
    hai provato a chiedere nell'altra sezione?
    secondo me si puo fare benissimo con i css...

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2001
    Messaggi
    75
    Grazie...via css ho già centrato altre volte le immagini, ma qua non ci riesco.
    Penso il js sia "più forte"

    Lo script js in origine ridimensionava il contenuto sia in orizzontale che in verticale e manteneva perfettamente l'immagine al centro, poi per volere del cliente ho dovuto modificarlo (sotto riporto la modifica) per fare in modo che l'immagine sempre proporzionata toccasse sempre sopra e sotto la finestra, ma ho perso la capacità di far stare l'immagine al centro... Aiutoo!!

    codice:
    $bg
    				    	.removeClass()
    				    	.addClass('bgheight');
    				} else {
    				    $bg
    				    	.removeClass()
    				    	.addClass('bgheight'); <---(qui in rigine era .addClass('bgwidth');
    				}

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    Quello che stai facendo con js è semplicemente aggiungere e rimuovere gli stili fatti con i CSS, quindi alla fine si torna sempre li. Ora l'if e l'else fanno la stessa identica cosa, prima di fare la modifica ti sei studiato un attimo lo script? perche non sembra avere molto senso ora.
    Forse ti basta fare cosi:

    codice:
    .addClass('bgheight bgwidth');
    o forse ti basta modificare lo stile denominato bgheight , ma con cosi poche informazioni sto solo tirando ad indovinare...

    quindi ti ripeto la domanda, prima di postare qui hai provato a chiedere nell'altra sezione? immagino di no, chiedi a qualche moderatore di spostare la discussione nella sezione adatta.


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.