-
23-03-2012, 22:11 #1Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Vergroten+donkerder maken van alle elementen bij mouse over DIV
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!no votes
-
-
23-03-2012, 22:18 #2
der bestaat een pseudoclass voor mouse over
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'Code:#div:hover { }no votes
-
23-03-2012, 22:24 #3Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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
no votes
-
23-03-2012, 22:25 #4
Google it
no votes
-
23-03-2012, 22:34 #5Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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.
no votes
-
23-03-2012, 22:41 #6
CSS pointer-events to allow clicks on underlying elements - Robert's talk
Kan van pas komen maar om alle elementen een overlay te geven behalve het actieve ga je toch Javascript moeten gebruiken.no votes
-
23-03-2012, 22:46 #7Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
ok, bedankt. lijkt erop dat ik een beetje java zal gaan leren..
no votes
-
23-03-2012, 22:58 #8
javaSCRIPT. Maar kijk naar jQuery. Das een js library die het leven makkelijker maakt.
no votes
-
24-03-2012, 00:12 #9Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Ik heb zelf eens iets geschreven. Het is niet iets dat ik je aanraad om te gebruiken (er zullen wel duizend-en-een betere manieren zijn) maar ik deel het maar even:
Edit this Fiddle - jsFiddleno votes
-
24-03-2012, 11:19 #10Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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 ?no votes
-
24-03-2012, 13:36 #11Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
no votes
-
24-03-2012, 13:37 #12
Fancybox - Fancy jQuery lightbox alternative
Is het zoiets dat je bedoelt? Ik gebruik dit ook, kijk bij How to use en daar staat alles goed uitgelegd wat en hoe je het moet doen. Zeer simpel en handig te gebruiken!no votes
-
24-03-2012, 13:55 #13Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2
no votes
-
24-03-2012, 15:30 #14Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
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.no votes
-
24-03-2012, 15:49 #15Member
- Registered
- 14/06/11
- Location
- Wieze
- Posts
- 513
- iTrader
- 20 (95%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Het doel is gewoon om een levendiger ui te krijgen.
code.zip
bedankt voor te willen helpenno votes

