Come modificare un'immagine in Asp.Net con JavaScript

April 26

Come modificare un'immagine in Asp.Net con JavaScript


Il framework ASP.NET fornisce agli sviluppatori web con gli strumenti per creare siti web dinamici. I comandi utilizzati in un sito ASP.NET vengono eseguite sul server. Questo significa che il controllo non è disponibile per il linguaggio JavaScript, che viene eseguito sul computer del cliente. Microsoft fornisce un modo per "agganciare" una funzione JavaScript per un controllo ASP ad esempio un'immagine. La funzione JavaScript viene aggiunto all'immagine nel codice ASP, che viene poi utilizzato per visualizzare l'immagine quando l'utente passa il mouse sopra l'elemento.

istruzione

1 Aggiungi il tuo controllo immagine per la pagina Web ASP. Il seguente codice è un esempio di un controllo server di immagini in ASP:

<Img runat = "server" id = "theImage" con un'immagine sul tuo sito web.

2 Aprire il code-behind file ASP e individuare l'evento "Load". Questo blocco di codice è di solito nella parte superiore del codice sottostato. All'interno del blocco evento, avviare il codice utilizzando il seguente codice:

stringa JavaScript = "this.src = \" newFileImage.jpg \ "";

Questo codice crea una stringa per il comando JavaScript che commuta l'immagine. Il codice cambia la fonte dell'immagine al file "newFileImage.jpg".

3 Aggiungere il codice JavaScript per il controllo delle immagini. Il codice seguente aggiunge il codice JavaScript per l'immagine creata nel Passaggio 1:

TheImage.Attributes.Add ( "onmouseover", javascript)

Questo codice cambia l'immagine per il controllo della pagina Web con l'utente passa il mouse sopra l'elemento. Questo trigger avviene utilizzando l'evento "onmouseover", che è indicata nel codice precedente.