Effetto lente su gif animata linkabile

[meowth]

Ho una serie di gif animate, una a fianco dell'altra.
Ad ogni gif è associato un link (funziona tutto bene)
Quello che vorrei fare è ottenere, passandoci sopra con il mouse, un ingrandimento, di poco, della gif. Per intenderci come un effetto lente.
E' possibile? se si come?

Grazie per l'aiuto

[gabip87]

ma guarda chi si vede

in teoria è molto semplice:

   <ul>[*]    [*]    [/list]

li
{
   list-style:none;
}
img
{
   border:none;
   width:16px;
   height:16px;
}
img:hover
{
   width:32px;
   height:32px;
}

c'è un problema però. c'è un browser che non interpreta lo stato hover su tag diversi da <a>. indovina un pò.. IE nelle versioni precedenti alla 7 .
personalmente lasciere stare questa parte di utenti, pensando che la maggior parte faranno l'aggiornamento alla versione 7 e che non è una mancanza tanto grave. questo io, te poi non lo so.
ci dovrebbero essere dei modi per creare lo stesso effetto anche su IE6. il tutto stando attenti alla semantica non mi sembra tanto facile. se sei davvero interessato posso anche provare a fare qualcosa. poi magari nel fratempo arriva qualcuno con una soluzione valida (codice pulito e semantica).

[meowth]

Ho provato riuscendo solo in modo parziale. Passandoci con il mouse la gif si ingrandisce ma sposta tutte le altre creando un fastidioso effetto. Siccome non è una cosa essenziale, lascio perdere.

Invece, visto che ne sai una più del diavolo, mi servirebbe uno script per inserire le news. Ho fatto una ricerca e ne ho trovate a bizzeffe, ma sono tutte più o meno "pacchiane" o veramente complesse. Quello che servirebbe a me è, per intenderci, come quella che c'è sul sito del corriere della sera http://www.corriere.it/ e più precisamente sulla destra con titolo flash 24 ore.

Per caso ne hai uno a "portata di mano" o puoi indicarmi dove scaricarla

Ti ringrazio per l'aiuto

bye bye

[gabip87]

per il primo problema mi sono ricordato adesso del css dock menu.

per quanto riguarda le news devi usare JavaScript, linguaggio che conosco pochissimo. se chiedi nella sezione dedicata riceverai sicuramente risposte migliori. per adesso ti posso segnalare queste due soluzioni (che non funzionano bene con opera però):
Cross Browser marquee II
DOM XMLTicker
puoi anche cercare altre alternative nello stesso sito.
aggiungo che dovresti evitare effetti del genere in quando per la maggior parte delle persone sono noisi e distraggono l'attenzione.

[meowth]

Ho scelto Cross Browser marquee II. Era proprio quello che cercavo.
Un'ultima domanda: quale comando bisogna inserire per centrare il tutto?

Grazie ancora

[gabip87]

Originariamente inviato da meowth

quale comando bisogna inserire per centrare il tutto?

#news
{
   margin:0 auto;       /*  per centrare il div contenente le news   */
   text-align:center;   /*  per centrare il testo   */
                              /*  ma lo sconsiglio vivamente, è bruttissitmo  */
   text-align:justify;    /*  al massimo usa quest  o*/  
                               /*  e gioca con il padding sui testi  */
}

[cucciolina69]

Scusa io sono neofita e spesso come ho gia' scritto usufruisco di script gia' pronti a disposizione qui sul sito, non sono sicura di aver capito bene cosa intendi, ma se e' l'effetto lente di ingrandimento su immagine c'e' questo script che forse potrebbe fare al caso tuo, dagli un'occhiata.
Ciao

http://javascript.html.it/demo/javas...27/esempio.htm

[meowth]

Mi sono spiegato male, anzi malissimo.
Riesco a centrare tutto tranne il bordo.
Credo che bisogna intervenire in questa parte di codice. Qui, infatti, si può cambiare colore e spessore del bordo ...

#marqueecontainer{
position: relative;
width: 700px; /*marquee width */
height: 75px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid blue;
padding: 2px;
padding-left: 4px;
}


Per cucciolina 69: adesso provo.

Grazie a tutti

[meowth]

Ho inserito il comando LEFT come riportato nel codice

#marqueecontainer{
position: relative;
width: 500px; /*marquee width */
height: 75px; /*marquee height */
left: 174px;
background-color: #E6E6FA;
overflow: hidden;
border: 4px solid #800000;
padding: 2px;
padding-left: 4px;
}

Così facendo il bordo si è spostato, però è un centro forzato non reale, nel senso che se riduco la finestra di esplorer rimane dovè, mentre gli altri oggetti si spostano

Esiste un comando CENTER o qualcosa del genere ... help

Grazie

[gabip87]

#marqueecontainer{
position: relative;
width: 500px; /*marquee width */
height: 75px; /*marquee height */
margin:0 auto;  /* prima era      left: 174px;  */
background-color: #E6E6FA;
overflow: hidden;
border: 4px solid #800000;
padding: 2px;
padding-left: 4px;
}