eM^ Posted October 23, 2006 Report Posted October 23, 2006 veelos panakt lai ar mouse over uzliekas viena bilde bet mouse out cita. ka to panakt, maku tikai ar krasam, bet ka ir ar bildeem?
andrisp Posted October 23, 2006 Report Posted October 23, 2006 http://www.google.lv/search?hl=lv&q=ja...+changing+image Īsumā: <img id="image" /> ... ...onmouseover="document.getElementById('image').src='bla.gif';"... ...onmouseout="document.getElementById('image').src='bla2.gif';"...
GedroX Posted October 23, 2006 Report Posted October 23, 2006 (edited) Tieši tā pat kā ar krāsām. Gadījumā, kad imāge ir fonā: onmouseover="this.style.backgroundImage='url(/path/to/image.jpeg)'" onmouseout="this.style.backgroundImage='url(/path/to/another/image.jpeg)'" Labāk, protams, to darīt ar klasēm. P.S. Laikam labāk izmantot vienkāršus attēlus, savādāk IE ir problēmas ar background caching, kad tas mainās dinamiski (background image flickering). Edited October 23, 2006 by GedroX
andrisp Posted October 23, 2006 Report Posted October 23, 2006 GedroX, tam risinājums ir izmantot javascript image preloading vai arī izmantojot sprite animation metodi (http://solardreamstudios.com/learn/css/spritenav).
GedroX Posted October 23, 2006 Report Posted October 23, 2006 (edited) andri, javascript image preloading neder gadījumā, ja backs tiek uzdots caur CSS klasi (mans mīļākais variants - abi attēli - out and over - vienā attēlā). http://solardreamstudios.com/learn/css/spritenav nav risinājums image flickering problēmai iekš IE6, kad Temporary Internet Files => Settings... ieslēgts uz Every visit to the page. Edited October 23, 2006 by GedroX
andrisp Posted October 23, 2006 Report Posted October 23, 2006 Skaidrs, es ar image flickering problem sapratu kautko citu.
GedroX Posted October 23, 2006 Report Posted October 23, 2006 Par IE background image flicker problēmu: Internet Explorer IE6 will try to reload every image file for every image element that you add to a webpage via JavaScript. For example changing html object class with background image dynamically. The only solution found by now is adding and configurating module mod_expires for Apache. Good description, tests and links on ahinea.com.
eM^ Posted October 26, 2006 Author Report Posted October 26, 2006 Gribeeju veel pajautat kaa uzlikt skanju uz mouseover? visadi meginaju, bet nesanak.
andrisp Posted October 26, 2006 Report Posted October 26, 2006 (edited) hmm.. http://www.javascripter.net/faq/sound/index.htm http://www.javascripter.net/faq/sound/onhover.htm Bet imo tam vairāk paredzēts flash. Edited October 26, 2006 by andrisp
Recommended Posts