ugrás a tartalomhoz

Gradual Highlight Image script

matrai93 · 2011. Jan. 3. (H), 17.03
Sziasztok, üdv mindenkinek! Új vagyok még erre, igyekszem majd beilleszkedni... (Remélem jó helyre írom a gondom. Itt a keresőbe beírtam és nem találtam ilyen témát ezért csináltam ujjat.)

A kérdésem:

Gradual Highlight Image script-et szeretnék alkalmazni, képeken. (vagy valami hasonlót)
Találtam is kódokat a neten, de sajnos azokat csak Internet Exp. és Mozilla támogatja. Nekem olyanra lenne szükségem amit akár Safari, vagy Chrome is támogat.

Példának tudnám mutatni ezt: http://demo.graphpaperpress.com/mansion/

Remélem tudjátok mire gondolok! :) Köszönöm mihamarabbi segítségeteket!
‹ játék szinkronba hozása Hogy mint? ›
 ■
1

Mi a kérdés?

Poetro · 2011. Jan. 3. (H), 18.23
Szinte bármilyen korszerű keretrendszerrel meg lehet ezt valósítani, legyen az jQuery, MooTools, Dojo, YUI, Prototype stb. Az se teljesen tiszta, mit jelent számodra az, hogy
Gradual Highlight Image

jQuery használata esetén kb. ennyi lenne, ha csak az átlátszóságot akarod animálni:
jQuery(function ($) {
  $('#slideshow a > img').css('opacity', 0.3).hover(
    function () {
      $(this).stop(true, false).fadeTo(500, 1);

    },
    function () {
      $(this).stop(true, false).fadeTo(500, 0.3);      
    }
  );
});
2

Poetro! Köszi a segítséget. A

matrai93 · 2011. Jan. 3. (H), 19.51
Poetro! Köszi a segítséget. A jQuery-vel nem igazán boldogulok, sajnos teljesen más programozást tanultam... (Turbo Pascal) HTML-ből meg csak az alapokhoz konyítok valamit. Ha lesz időd, le irhatnád hogy oldjam meg ezt a jquery-s dolgot. Köszi előre is!

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
</head>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
<body>
jQuery(function ($) {
$('mini.jpg').css('opacity', 0.3).hover(
function () {
$(this).stop(true, false).fadeTo(500, 1);

},
function () {
$(this).stop(true, false).fadeTo(500, 0.3);
}
);
});
</body>
</html>
3

HTML

Poetro · 2011. Jan. 3. (H), 20.43
Akkor előbb javaslom a HTML-t tanuld meg, és csak utána akarj ilyeneket, vagy fizess meg valakit, aki helyetted megcsinálja.