scusate il titolo del post...
Avrei bisogno di qualche buonanima che mi dicesse il codice per creare l'effetto di profondita' per delle immagini che fanno da link.
Queste immagini sono dei quadratini piccoli. vorrei che quando passo sopra con il mouse creino l'effetto (uno qualsiasi) che faccia vedere che siamo li in quel momento...magari sarebbe top un effettino che sembra che l'immaginina si sposti un attimo in profondita'...
penso che la soluzione più semplice sia di cambiare le immagini nel caso di mouseover. di contro devi duplicarti tutte le immagini dei pulsanti.
<script language='JavaScript'>
function SetStatoImmagine( ID, mode ) {
rif_img.src = this.NomeImmagine(mode)
if (mode == 0) {
document.getElementById(ID).src="img001"
} else {
document.getElementById(ID).src="img001b"
}
}
</script>
[img]img001[/img]
---
altrimenti si potrebbe allo stesso modo agire su bordi magari incasulando le immagini in div
scusa ...
mi è rimasto dentro un pezzo in più..
la funzione corretta è questa
function SetStatoImmagine( ID, mode ) {
if (mode == 0) {
document.getElementById(ID).src="img001"
} else {
document.getElementById(ID).src="img001b"
}
}
lo script va function SetStatoImmagine( ID, mode)bene.
Ora pero' vorrei passare una variabile php come parametro della tua funzione..come posso fare?
per capirci...se scrivo cosi funziona :
//rollover
function SetStatoImmagine( ID, mode,imga,imgb ){
if (mode == 0) {
document.getElementById(ID).src="web/<?php echo $cfg['pathMenu'].$menuAddTw;?>"
} else {
document.getElementById(ID).src="web/<?php echo $cfg['pathMenu'].$menuAddTwRO;?>"
}
}
mettendo come hai detto tu il tag <img>
ora io vorrei che il mio percorso src delle immagini src="web/<?php echo $cfg['pathMenu'].$menuAddTwRO;?>"
fosse messo in una variabile cosi
$path = "src="web/".$cfg['pathMenu'].$menuAddTwRO;
e poter aggiungere tale variabile alla funzione
function SetStatoImmagine( ID, mode,variabileAggiunta)
come posso fare?
gentilmente ti chiedo anche. Una volta premuto il link immagine...come faccio a dirgli che rimanga fermo sull'immagine di rollover anziche tornare alla prima immagine come fa ora?
grazie mille
Una cosa semplice semplice con i CSS?
codice:div#idbox a { TEXT-DECORATION: none; display:block; border: 2px outset #bebebe; } div#idbox a:hover { TEXT-DECORATION: none; border: 2px inset #bebebe; }
e come lo applico? devo mettere le immagini in un div? dare un id al div? mi metteresti anche l'altro pezzo di codice?
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it"> <head> <meta http-equiv="Content-Language" content="it"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Nuova pagina 1</title> <style type=text/css media=screen> div#idbox img { border: none } div#idbox a { TEXT-DECORATION: none; border: 2px outset #bebebe; } div#idbox a:hover { TEXT-DECORATION: none; border: 2px inset #bebebe; } </style> </head> <body> <div id="idbox"> le immagini inserite hanno l'effetto a rilievo che si incassa all'hover.</p> <a href="Link1.htm"> [img]Image/cap.gif[/img]</a> </div> Ovviamente puoi mettere il css in un file esterno: <code> <link type="text/css" href="Style/stile-comune.css" rel="stylesheet" /> </code> </body> </html>
Non conosco bene php perchè uso jspora io vorrei che il mio percorso src delle immagini src="web/<?php echo $cfg['pathMenu'].$menuAddTwRO;?>"
fosse messo in una variabile cosi
$path = "src="web/".$cfg['pathMenu'].$menuAddTwRO;
e poter aggiungere tale variabile alla funzione
function SetStatoImmagine( ID, mode,variabileAggiunta)
come posso fare?
ma penso che dovresti caricarti delle variabili javascript globali.. (ricorda che il lato server è eseguito prima)
io carico prima due array javascript di image (usando lato server) e poi le richiamo nella funzione a seconda dell'id
Se il problema è solo quello della path mi sembra vada bene
come hai detto. variabileAggiunta la tratti nello script js come string, quando la chiami devi esplicitarla.. verifica che nel source generato compaia
........ SetStatoImmagine("img000", 1, "menu/img")
ovvero tutti i valori in chiaro e non su variabili.
per farlo (in jsp) nel .jsp
........ SetStatoImmagine("img000", 1, <%= nomevariabilepath%> )
per i dettagli php è meglio sentire uno che lo conosca meglio
Permessi di invio
Rispondi quotando