|
Rank: AiutAmico
Iscritto dal : 5/19/2005 Posts: 566
|
Ciao a tutti. Volevo sapere come si crea un effetto rollover che faccia comparire del testo quando si passa il puntatore sopra ad un immagine. In pratica sto creando una pagina dove metterò una composizione di foto ,vorrei semplicemente fare in modo che quando passo con il mouse sopra ad una foto compaia di fianco ad essa una breve descrizione di testo. Di solito con gli effetti rollover si ha uno scambio di immagini, in pratica quando si passa con il puntatore sopra ad un immagine ne compare un altra. Io invece volevo fare in modo che anzichè un altra immagine mi compaia del testo. So che è possibile , ma incredibilmente in rete non ho ancora trovato nulla a riguardo. Attualmente sto usando Fireworks mx , ma se posso usare anche altri programmi va bene lo stesso.
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
La soluzione è semplicissima: di solito qualsiasi web editor permette di usare il tag alt. Metti la scritta che vuoi e ti appare sulla foto. Con Firefox bisogna mettere invece il tag title (se ricordo bene). Se mi dici quale web editor ( solo Fireworks?) usi posso essere più preciso, in alternativa ti posso postare il codice sorgente.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
Il codice per inserire un'immagine (chiamata p.es. panorama.jpg) è generalmente il seguente: <img src="panorama.jpg"> Per ottenere ciò che desideri, è sufficiente inserire anche il codice che ti ho scritto in grassetto (in questo modo la visualizzazione corretta avverrà sia con Explorer sia con Firefox): <img alt="Panorama di Parigi" title="Panorama di Parigi" src="panorama.jpg">
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 5/19/2005 Posts: 566
|
Ci provo subito poi ti faccio sapere. Grazie mille per adesso. P.S. per la grafica uso Fireworks Mx , e Dreamweaver per creare le pagine.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
L'immaginavo. Comunque con Dreamweaver puoi inserire, se ricordo bene, altro codice nella pagina web.
Buon lavoro. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 6/2/2005 Posts: 7,332
|
Guarda qui, anche se col tuo editor puoi risolvere senza agire direttamnte sul codice.
|
|
Rank: AiutAmico
Iscritto dal : 5/19/2005 Posts: 566
|
Quello che vorrei fare è un rollower disgiunto. Vale a dire che posizionando il puntatore su di una immagine (foto) compare una finestrella (come nei fumetti) con un breve testo descrittivo da me creato dell'immagine stessa. Con Fireworks riesco a creare tutto ciò che voglio dai rollower ai vari menu a comparsa ecc... Il problema si verifica quando vado ad esportare questi files complessi per importarli in Dreamweaver . Fireworks mi costringe ad esportare questi files con l'opzione Html+immagini pena la perdita dei comportamenti (vale a dire che mi ritroverei con un semplice file immagine ma senza gli effetti rollower). Solo che così facendo il file esportato me lo ritrovo nella cartella di destinazione tutto a pezzi anzichè come file unico. E quindi quando vado ad importare questo file in Dreamweaver per inserirlo nela pagina che sto creando me lo ritrovo tutto a pezzi (porzioni). Sono mesi che sto impazzendo per questo problema alla faccia dell'intercompatibilità di questi due programmi tanto decantata dalla macromedia. Ho provato a cercare il modo di visualizzare il codice html dei files creati con fireworks perchè in tal caso sarebbe facilissimo in quanto basterebbe copiare il codice da fireworks e incollarlo in Dreamweaver. Ma a quanto pare fireworks non da la possibilità di visualizzare il codice direttamente dal programma. Quindi sono al palo , ho provato e riprovato a cercare info in rete ma a quanto pare nessuno usa fireworks per la grafica web. Quindi se qualcuno conosce altri programmi per creare effetti rollower gli sarei grato se me li indicasse perchè fireworks mi ha rotto davvero. Grazie a tutti.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
Non capisco come vorresti realizzare il "rollover disgiunto". A quel che ne so con il rollover si alternano due immagini, non un'immagine e una descrizione ( a meno che tu non voglia realizzare un funetto e salvarlo come immagine avente dimensioni uguali alla precedente). Vedi se ti siano utili questi link: http://javascript.html.it/demo/javascript/869/esempio.htmhttp://www.softwareplanet.net/php/mostraLezione.php?idl=261www.chinalex.org/~cgena/alfieri/fireworks3.pdf http://www.mrwebmaster.it/script/bottone-animato_1001.htmlBuon lavoro. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 5/19/2005 Posts: 566
|
[quote=ecofive]Non capisco come vorresti realizzare il "rollover disgiunto". A quel che ne so con il rollover si alternano due immagini, non un'immagine e una descrizione ( a meno che tu non voglia realizzare un funetto e salvarlo come immagine avente dimensioni uguali alla precedente). Vedi se ti siano utili questi link: http://javascript.html.it/demo/javascript/869/esempio.htmhttp://www.softwareplanet.net/php/mostraLezione.php?idl=261www.chinalex.org/~cgena/alfieri/fireworks3.pdf http://www.mrwebmaster.it/script/bottone-animato_1001.htmlBuon lavoro. Ciao Sto cercando (finora senza successo) di caricare un immagine al mio post in quanto un immagine spiega molto meglio di qualsiasi parola.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
Direi proprio di sì. Per caricare le immagini, leggi questo thread, in cui Azzurra spiega tutto benissimo: http://forum.aiutamici.com/yaf_postst61754_Icone-nel-testo.aspxCiao.
|
|
Rank: AiutAmico
Iscritto dal : 5/19/2005 Posts: 566
|
Ci sono riuscito finalmente. Dunque: la prima immagine mostra una foto in stato di riposo, mentre la seconda mostra la stessa foto come appare quando si porta il puntatore sopra di essa. Questo è ciò che viene definito un rollower disgiunto ,che si differenzia dal rollower semplice. Questi effetti li ho creati con fireworks. Il problema è che non posso trasferire tutto questo sulla pagina che sto creando con Dreamweaver. In pratica posso creare tutto ciò che voglio, ma poi non lo posso utilizzare. Perchè appena provo a mettere tutto ciò sulla pagina che sto creando mi si incasina tutto. Il file che qui vedete riprodotto una volta esportato da fireworks me lo ritrovo tutto a pezzi. E quindi come faccio ad inserirlo in Dreamweaver? Fireworks serve solo per creare grafica ed affetti vari ,ma la pagina web vera e propria la si crea con Dreamweaver. Mi scuso per le dimensioni delle immagini ma purtroppo non sono riuscito a fare di meglio. URL=http://www.iouppo.com] [/URL]
|
|
Rank: AiutAmico
Iscritto dal : 12/4/2008 Posts: 2,008
|
Osservazione: hai una versione obsoleta di eMule, e anche piena di lacune di sicurezza. Se non la tieni per qualche motivo in articolare, ti consiglio di aggiornarla.
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
Onestamente non avevo mai sentito parlare di rollover disgiunto (ho imparato una cosa nuova), anche perché non ho mai usato né Fireworks né Dreamweaver. Ho trovato questi tutorial: http://www.hostingedomini.com/supporto/Fireworks/01Tutorial7.asphttp://grafica.html.it/guide/lezione/551/il-rollover-disgiunto/http://livedocs.adobe.com/fireworks/8_it/fwhelp/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=gs_06_w6.htmDa quel che ho capito, leggendo abbastanza in fretta, il codice viene proprio spezzettato. Non conoscendo però questi software, non posso dirti di più. Buon lavoro. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 4/13/2004 Posts: 1,376
|
Se vai a questo link http://javascript.html.it/script/nella sezione link&tooltip Ciao Silvio
|
|
Guest |