Archief - Rollover grotere afbeelding

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

Kroket

Legacy Member
Ik vroeg me af of het mogelijk is (in dreamweaver) om een afbeelding groter te laten worden als je er met je muis op hovert.
zoals hier: Untitled Document ik wil de persoon waar je met je muis op komt naar de voorgrond brengen. Of moet dit met flash of dergelijke gebeuren? thx
C

Carrion

Legacy Member
GregoryCo zei:
Je kunt dit doen door de z-index aan te passen.
Klik om te vergroten...

Uhm, z-index is toch gewoon de "layer" variant van css, heeft toch niks met rollover images te maken? Met javascript erbij zou ik het nog kunnen begrijpen, maar enkel met pure css?
s

scipicore

Legacy Member
Maak gewoon een div oid met de afbeelding als achtergrond en doe het volgende:

div#afbeelding {
background: achtergrond.jpg top;
height: 200px; //hoogte voor hoveren
}

div#afbeelding:hover {
height: 300px; //hoogte na hoveren
}

Basically.



Met de Z-index gaat het ook wel ja:
img:hover {
z-index: 500;
}

Zou ook wel ongeveer werken, afhankelijk van de rest van uw css enal.



Sowieso zal je de css moeten aanpassen op een manier dat niet lukt vanuit de WYSIWYG-editor van dreamweaver, welke ik vermoed je gebruikt.
K

Kroket

Legacy Member
ja dacht i ook. Er zou toch een simpele rollover optie moeten bestaan waarmee ik elke figuur apart kan op de voorgrond laten komen zonder java of dergelijke, of heb ik dat verkeerd
K

Kroket

Legacy Member
scipicore zei:
Maak gewoon een div oid met de afbeelding als achtergrond en doe het volgende:

div#afbeelding {
background: achtergrond.jpg top;
height: 200px; //hoogte voor hoveren
}

div#afbeelding:hover {
height: 300px; //hoogte na hoveren
}

Basically.
Klik om te vergroten...
bedankt voor je reactie.
dan wordt alles boven de afbeelding toch ook 100 px opgeschoven ? Het is de bedoeling dat alles blijft staan
s

scipicore

Legacy Member
Kroket zei:
bedankt voor je reactie.
dan wordt alles boven de afbeelding toch ook 100 px opgeschoven ? Het is de bedoeling dat alles blijft staan
Klik om te vergroten...

Absoluut positioneren dan maar.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan