Hellow

Ik heb hier een vraagje, kan iemand een scriptje geven/maken dat als ik over een image ga een andere image tevoorschin komt.

Maar, voor 1 ding is dit niet moeilijk, weet ik zelf ook wel, maar ik wl dus 1 scriptje voor 15 afbeeldingen met 1 hetzelfde kenmerk namelijk "*_over.png".

Kan zo moeilijk niet zijn voor jullie

als je script van andere site haald, gelieve dan de bron te vermelden, zo leer ik mss nog een nieuwe site kennen

alvast bedankt
ps: het mag in php of javascript zijn

bekijk anders icemar zijn tip (http://www.minatica.be/showthread.php?t=40125) eens

Ik snap niet wat het met te maken heeft?

Het is de bedoeling dat het links zijn, en als ik over een link ga moet het veranderen van afbeelding.
Maar, ik wil dit met een klein script doen. Maar ik heb niet zo veel verstand van php en javascript

je kan met met layers werken en die koppelen aan 1 link
bv link 1 is gekoppeld aan layer1 layer1 bevat afbeelding 1
bv link 2 is gekoppeld aan layer2 llayer2 bevat afbeelding 2

dit heeft niets met java scripts te maken of php
maar is wel functioneel

is 't eigenlijk zelfs maar mogelijk om via javascript een tekst te vervangen door een afbeelding? ff zitten zoeken en niets gevonden daarvoor. Ie kan wel een afbeelding laten vervangen door een andere natuurlijk, maar da's 'n gewone simpele rollover

Zijn de afbeeldingen en hun rollovers allemaal even groot? Anders heb ik wel een scriptje, weet niet zo goed hoe het zit, maar het menu op mijn site is zo gemaakt.

Jep allemaal even groot

is 't eigenlijk zelfs maar mogelijk om via javascript een tekst te vervangen door een afbeelding? ff zitten zoeken en niets gevonden daarvoor. Ie kan wel een afbeelding laten vervangen door een andere natuurlijk, maar da's 'n gewone simpele rollover

En dat ken ik dus al, maar ik wil het kort houden voor een mooie code

Ik weet niet of het is wat je zoekt maar ik probeer maar :)


<tr>
<td rowspan="4">
<img src="afbeeldingen/index_02.gif" width="91" height="412" alt=""></td>
<td width="302" height="363" rowspan="3"><iframe name="joga" SRC="home.html" scrolling="auto" height="363" width="302" FRAMEBORDER="no"></iframe></td>
<td rowspan="4">
<img src="afbeeldingen/index_04.gif" width="122" height="412" alt=""></td>
<td>
<a href="home.html" target="joga" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','afbeeldingen/home2.jpg',1)"><img src="afbeeldingen/home.jpg" alt="home" name="home" width="58" height="36" border="0"></a><a href="home.html" target="joga"></a></td>
<td rowspan="4">
<img src="afbeeldingen/index_06.gif" width="9" height="412" alt=""></td>
<td rowspan="2">
<a href="forum.html" target="_blanc" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forum','','afbeeldingen/forum2.jpg',1)"><img src="afbeeldingen/forum.jpg" alt="forum" name="forum" width="64" height="38" border="0"></a><a href="http://confusedg.forumup.be/index.php?mforum=confusedg" target="_blank"></a></td>
<td rowspan="4">
<img src="afbeeldingen/index_08.gif" width="9" height="412" alt=""></td>
<td rowspan="2">
<a href="contact.html" target="joga" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','afbeeldingen/contact2.jpg',1)"><img src="afbeeldingen/contact.jpg" alt="contact" name="contact" width="72" height="38" border="0"></a><a href="contact.html" target="joga"></a></td>
<td rowspan="4">
<img src="afbeeldingen/index_10.gif" width="10" height="412" alt=""></td>
<td>
<a href="members.html" target="joga" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('members','','afbeeldingen/members2.jpg',1)"><img src="afbeeldingen/members.jpg" alt="members" name="members" width="86" height="36" border="0"></a><a href="members.html" target="joga"></a></td>
<td rowspan="4">
<img src="afbeeldingen/index_12.gif" width="77" height="412" alt=""></td>
<td>
<img src="afbeeldingen/spacer.gif" width="1" height="36" alt=""></td>
</tr>

héhé, dreamweaver code?

Het is niet wat ik zoek, bedankt voor je aandacht, jij werkt met gewoon ne rollover, maar ik vind die code veel te lang :-), ik wil script dat alle links met afbeedlingen bij een overgang met muis een andere afbeedling hebben

Pff, waarom alles kort houden? Das zo echt een mentaliteit van...

Een oplossing zou zijn je normale afbeelding en je afbeelding in de "over" status naast elkaar in 1 afbeelding zetten, en dan via CSS de achtergrondpositie veranderen; zoals ik op mijn site heb gedaan voor mijn menu:

voorbeeld (http://www.warhead.be) (hover over het menu)
dit (http://www.warhead.be/images/home.jpg) is dan een voorbeeld van je afbeelding.

Voor de css moet je maar in de code kijken ;) het is iets van
a { display: block; width: 100px; height: 100px; background: url('images/home.jpg'); }
a:hover { background-position: -100px; }

grtz

edit:
je kan natuurlijk ook in javascript iets simpel maken:

<img src="afbeelding.jpg" onmouseover="this.src='afbeelding_over.jpg'" onmouseout="this.src='afbeelding.jpg'" alt="Afbeelding" /> of iets gelijkaardigs
als je nog vragen hebt moet je me maar pm'en of mailen

héhé, dreamweaver code?
Idd :)

@TS; Dat van Warhead is dus ook dat dat ik bedoelde :)