Re: onmouseover

Posta ett svar:

Namn:
E-Mail:
Rubrik:
Meddelande:
<citat> Det du vill göra är att med JavaScript registrera onmouseover och onmouseout-lyssnare på de små bilderna, som ändrar klockan-behållaren till rätt sak. Exakt hur det ser ut kan variera lite beroende på hur klockan är byggd, och hur de stora bilderna är beroende av de små, men så här ungefär skulle jag skriva det om klockan var en bild precis som de stora bilderna som ska visas, och med hjälp av jQuery, som är ett väldigt populärt ramverk och som är att rekommendera om du vill sätta dig in i JavaScript på nytt, och HTML5's "data-"-attribut: (otestat) <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { var origSrc = $("#storBild").attr("src"); $(".litenBild").mouseover(function() { $("#storBild").attr("src", $(this).data("stor")); }).mouseout(function() { $("#storBild").attr("src", origSrc); }); }); </script> ... <img id="storBild" ...> <img class="litenBild" data-stor="bild1.jpg" ...> <img class="litenBild" data-stor="bild2.jpg" ...> Om klockan i stället är ett element eller en text skulle det kanske kunna se ut så här: (också otestat) <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript"> $(function() { $(".litenBild").mouseover(function() { $("#klocka").hide(); $("#storBild").attr("src", $(this).data("stor")).show(); }).mouseout(function() { $("#klocka").show(); $("#storBild").hide(); }); }); </script> ... <div id="klocka">15:42</div> <img id="storBild" style="display:hidden;" ...> <img class="litenBild" data-stor="bild1.jpg" ...> <img class="litenBild" data-stor="bild2.jpg" ...> Simon <citat> Hej Jag håller på med en hemsida för första gången på 11 år... Har glömt en massa, Java-script har jag aldrig varit duktig på... Har gjort en sida med vanlig html och använder mig av en tabell för att placera bilderna där jag vill ha dem. Skulle vilja att när man pekar med musen på en liten bild så visas en större bild som ser likadan ut i mitten av sidan. Jag ska ha 12 olika små bilder runt klockan. Har en klocka i mitten på sidan som ska ersättas av en ny bild men återgå till klockan när man flyttar musen från den lilla bilden. Mvh och tack på förhand Cina </citat> </citat>
Ja tack, maila mig om andra svarar på detta inlägg.
Ja tack, maila mig om andra svarar på mitt inlägg.