Toon posts:

javascript fade in probleempje

Pagina: 1
Acties:
  • 110 views

Onderwerpen


  • Remco B
  • Registratie: september 2007
  • Laatst online: 00:46
Momenteel ben ik bezig met een website. Daarbij maak ik gebruik van een klein stukje javascript om bij een mouseover van een link een plaatje ergens op de pagina weer te geven. Dit werkt ook, alleen zou ik graag dit plaatje in en out laten faden. Dit lukt me echter niet.

JavaScript:
1
2
3
4
5
6
function showPic(imgName) {
  var imgPath = "http://www.google.com/logos/2010/";
  var imgBox = document.getElementById("previewbox");
  var fullPath = imgPath + imgName;
  imgBox.setAttribute("src", fullPath); 
}

Test pagina
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">
function showPic(imgName) {
  var imgPath = "http://www.google.com/logos/2010/";
  var imgBox = document.getElementById("previewbox");
  var fullPath = imgPath + imgName;
  imgBox.setAttribute("src", fullPath); 
}
</script>
</head>
<body>
<p><a href="#" onmouseover="showPic('germany10-hp.gif')" onmouseout="showPic('gutman10-hp.jpg')">Test</a></p>
<p><a href="#" onmouseover="showPic('china_national10-hp.gif')" onmouseout="showPic('gutman10-hp.jpg')">Test</a></p>

<img id="previewbox" src="http://www.google.com/logos/2010/gutman10-hp.jpg" alt="Het plaatje" />
</body>
</html>


Zou iemand weten hou ik dit wel voor elkaar krijg? 8)

  • Bosmonster
  • Registratie: juni 2001
  • Laatst online: 10-09 22:52
Wat heb je zelf al geprobeerd?

Als je weinig JS-kennis hebt kun je dit overigens vrij eenvoudig met jQuery voor elkaar krijgen. Die heeft standaard fadeIn en fadeOut methodes.

  • RobIII
  • Registratie: december 2001
  • Laatst online: 02:31

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Ik zie in je code geen enkele poging tot faden (in danwel uit); dat maakt je topic niet meer dan een "ik zou graag zus-en-zo-gehad-hebben, Kan iemand even...?". En omdat we ook geen scriptrequests toestaan gaat dit topic daarom ook op slot.

Zoals je in onze Quickstart zult lezen zien we graag wat je zélf al ondernomen hebt om tot een oplossing te komen. Daar zie ik hier, zoals gezegd, niets van terug.

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


Dit topic is gesloten.



Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee