Magazine Tecnologia

Rollover facile su pulsanti e link con Rails

Creato il 12 dicembre 2011 da Mareika @mareikagiacobbi
Solitamente finita la mia applicazione sotto l'aspetto funzionale e dopo essere certo che funzioni sistemo l'interfaccia grafica, la lascio sempre per ultima non perchè ritengo sia poco importante ma perchè è l'aspetto, a mio avviso meno complicato.

Ho cercato un metodo rapido per fare rollover su immagini, ovviamente queste immagini rappresentavano dei link e pulsanti, diamo un occhio al codice qui sotto

<%= image_tag "/images/button_down.jpg", :mouseover => "/images/button_up.jpg" %>

 questo corrisponde all codice html 

<img alt="button_down" onmouseout="this.src='/images/button_down.jpg?12133546696'" 
onmouseover="this.src='/images/button_up.jpg?12122354451'" 
src="/images/button_down.jpg?1266954756" />

ora aiutami con link_to per generare un collegamento

<%= link_to image_tag("/images/button_down.jpg", :mouseover => "/images/button_up.jpg"), :action => "my_action" %>

oppure un pulsante per il submit di un form

<%= image_submit_tag "/images/button_down.jpg", :mouseover => "/images/button_up.jpg"%>

tutto qua! :)


Potrebbero interessarti anche :

Ritornare alla prima pagina di Logo Paperblog

Possono interessarti anche questi articoli :