Archief - Vergroten+donkerder maken van alle elementen bij mouse over DIV

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.
w

wotevajjjj

Legacy Member
Hallo
Voor school moet ik nu een website maken, maar hoeveel ik ook zoek op het internet, ik vind maar niet hoe ik een div laat vergroten en de rest van de pagina donkerder maak bij een mouse over. Aangezien webdesign maar een heel klein vak is heb ik dus ook geen kennis, buiten een beetje html. Ik gebruik dreamweaver cs5. Zeg me a.u.b. hoe ik dit moet bekomen, of zet hier gewoon een beetje code waarop ik me kan baseren.
Alvast bedankt!
H

Huxley

Legacy Member
der bestaat een pseudoclass voor mouse over

Code: 
#div:hover {
}

Maar ik veronderstel dat je een soort van lightbox wilt maken? Daarvoor moet je gebruik maken van Javascript. Of wat bedoel je met 'donkerder maken'
w

wotevajjjj

Legacy Member
Huxley zei:
der bestaat een pseudoclass voor mouse over

Code: 
#div:hover {
}

Maar ik veronderstel dat je een soort van lightbox wilt maken? Daarvoor moet je gebruik maken van Javascript. Of wat bedoel je met 'donkerder maken'
Klik om te vergroten...

De bedoeling is dat er overal buiten op de geselecteerde div precies een zwart vlak komt met een grote transparantheid waardoor alles wel nog leesbaar blijft. Ik heb spijtig genoeg geen idee wat u bedoeld met een lightbox :p
w

wotevajjjj

Legacy Member
Is bij deze gebeurd, lightbox is dus iets om foto's naar de voorgrond te brengen. Helaas werkt dit niet in ons geval denk ik. Alles moet heel vloeiend en natuurlijk gaan, en de achtergrond moet nog perfect blijven werken.
w

wotevajjjj

Legacy Member
ok, bedankt. lijkt erop dat ik een beetje java zal gaan leren..
H

Huxley

Legacy Member
javaSCRIPT. Maar kijk naar jQuery. Das een js library die het leven makkelijker maakt.
w

wotevajjjj

Legacy Member
Bedankt voor de tips!
Ik kan het alleen niet laten werken blijkbaar.. als ik op gelijk welke div kom veranderen de andere...
Is er iemand die 1 div-je wil coderen voor mij zodat ik de code gewoon kan toepassen op de andere ?
-

-BVR-

Legacy Member
wotevajjjj zei:
als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2 :s
Klik om te vergroten...

In mijn voorbeeld of in hoe jij het geïmplementeerd hebt? Als het bij jou is: post uw code eens.

Mijn code werkt trouwens niet met hover's maar met clicks. Je moet er dus op klikken. Ik begrijp sowieso het nut al niet van dergelijk systeem, maar bon.
-

-BVR-

Legacy Member
Sorry, hier ga ik mijn tijd niet in stoppen. Je hebt overduidelijk geen kaas van webdesign gegeten en ik ga hier niet alles van HTML, CSS en JS uitleggen (dat zou ik trouwens niet eens kunnen). Maar om u toch al een hint te geven: kijk eens naar uw HTML structuur. Al uw divs zitten in elkaar, dat is niet de bedoeling.
w

wotevajjjj

Legacy Member
natuurlijk ken ik hier niets van, ik heb in totaal mss 6u oefeningen hierin gemaakt
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