Cambiare dimensioni immagine di sfondo ad un div

martedì 19 febbraio 2013 - 15.24
Tag Elenco Tags  VB.NET  |  .NET 4.0  |  Windows Server 2008  |  Visual Studio 2010  |  Javascript  |  CSS 2.1

trinity Profilo | Guru

salve ragazzi,
ho creato una pagina di upload dei file immagine tipo jpg,gif.bmp....gli utenti possono uploadare l'immagine del profilo fino ad una grandezza di 1mb. Avevo creato in css un div che utilizza la proprietà background-size che mi ridimensiona l'immagine in base ai parametri che gli passo. Funziona perfettamente tranne in IE8. solo che devo farlo funzionare anche su questa versione dell'explorer. Come posso fare? C'è un modo per integrare il css oppure una volta eseguito l'upload del file sul server web, c'è un modo di cambiare direttamente le dimensioni del file così non avrei + problemi di visualizzazione.

Accetto ogni consiglio. calcolate solamente che l'immagine deve essere di sfondo ad un div per forza.

ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

alx_81 Profilo | Guru

>salve ragazzi,
ciao

>Funziona perfettamente tranne in IE8. solo che
>devo farlo funzionare anche su questa versione dell'explorer.
>Come posso fare? C'è un modo per integrare il css oppure una
>volta eseguito l'upload del file sul server web, c'è un modo
>di cambiare direttamente le dimensioni del file così non avrei
>+ problemi di visualizzazione.
è il solito problema di cross browser. Dipende da quello che fai tu, probabilmente qualcosa che qualche browser non riesce a digerire.
Ancora una volta ti consiglio di usare dei framework che ti aiutano a non preoccuparti del problema, come jQuery.
Cerca di fare la stessa cosa che già fai applicando quel framework e vedi se ti risolve il problema.
Altrimenti armati di pazienza, leggi le specifiche di compatibilità e gestisci tu a mano le differenze tra browser. Ma di certo non è per niente così semplice.

Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

trinity Profilo | Guru

Ma è semplice devo solo risolverlo su IE8 e ho visto che IE8 non suporta nel css questa proprietà: background-size altrimenti il problema non esisteva. Ora l'upload del file lo faccio con l'oggetto telerik di radupload. con jquery c'è il modo di ridimensionare un file già uplodato?

Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

alx_81 Profilo | Guru

>Ma è semplice devo solo risolverlo su IE8 e ho visto che IE8
>non suporta nel css questa proprietà: background-size altrimenti
>il problema non esisteva. Ora l'upload del file lo faccio con
>l'oggetto telerik di radupload. con jquery c'è il modo di ridimensionare
>un file già uplodato?
telerik fa l'upload, ma è il controllo telerik che cambia il div? O è un tuo evento o un tuo javascript?
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

trinity Profilo | Guru

Telerik fa l'upload poi io ad un div gli ho passato un css con delle proprietà stabilite ossia la sua grandezza e il resize dell'immagine di background. Questo div gli ho dato un Id e settato il runat=server, quindi da code behind carico i dati dell'utente prendo la path dell'immagine salvata nel db e la passo sempre da codice behind al div...funziona tutto perfettamente eccetto in IE8 che non accetta il resize del css...a questo punto non potendo fare altro per sistemare questo problema l'unico modo è di cambiare le dimensioni dell'immagine uplodata sul server...
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

alx_81 Profilo | Guru

>Telerik fa l'upload poi io ad un div gli ho passato un css con
>delle proprietà stabilite ossia la sua grandezza e il resize
>dell'immagine di background. Questo div gli ho dato un Id e settato
>il runat=server, quindi da code behind carico i dati dell'utente
>prendo la path dell'immagine salvata nel db e la passo sempre
>da codice behind al div...funziona tutto perfettamente eccetto
>in IE8 che non accetta il resize del css...a questo punto non
>potendo fare altro per sistemare questo problema l'unico modo
>è di cambiare le dimensioni dell'immagine uplodata sul server...
allora cerca su google come quella proprietà css deve essere messa per IE8, vedrai che ci sono gli standard e le regole per farlo funzionare.

Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://blogs.dotnethell.it/suxstellino
http://suxstellino.wordpress.com
http://mvp.microsoft.com/profiles/Alessandro.Alpi

trinity Profilo | Guru

C'è una proprietà ossi aun filter ma non funziona....

ecco il codice:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

vedo di gestire eliminando l'immagine di background dal div ed inserendo un oggeto img o asp image e gestisco la grandezza da css perchè su questi oggetti basta che impostao il width e height e tutto funziona...poi se hai qualche dritta l'accetto.
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5