Pagina 1 van 2 12 Laatste
  1. #1

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    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  

  2. #2
    Huxley's schermafbeelding
    Lid sinds
    21/01/10
    Locatie
    Gent
    Berichten
    3.535
    iTrader
    0
    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'
    no votes  

  3. #3

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    Reputation
    0/0
    Citaat Oorspronkelijk geplaatst door Huxley Bekijk bericht
    Deze quote is verborgen omdat je deze gebruiker negeert. Weergeven
    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'
    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  

  4. #4
    Huxley's schermafbeelding
    Lid sinds
    21/01/10
    Locatie
    Gent
    Berichten
    3.535
    iTrader
    0
    Google it
    no votes  

  5. #5

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    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  

  6. #6
    Huxley's schermafbeelding
    Lid sinds
    21/01/10
    Locatie
    Gent
    Berichten
    3.535
    iTrader
    0
    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  

  7. #7

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    Reputation
    0/0
    ok, bedankt. lijkt erop dat ik een beetje java zal gaan leren..
    no votes  

  8. #8
    Huxley's schermafbeelding
    Lid sinds
    21/01/10
    Locatie
    Gent
    Berichten
    3.535
    iTrader
    0
    javaSCRIPT. Maar kijk naar jQuery. Das een js library die het leven makkelijker maakt.
    no votes  

  9. #9

    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.419
    iTrader
    1 (100%)
    Reputation
    5/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 - jsFiddle
    no votes  

  10. #10

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    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  

  11. #11

    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.419
    iTrader
    1 (100%)
    Reputation
    5/16
    Citaat Oorspronkelijk geplaatst door wotevajjjj Bekijk bericht
    Deze quote is verborgen omdat je deze gebruiker negeert. Weergeven
    Bedankt voor de tips!
    Ik kan het alleen niet laten werken blijkbaar.. als ik op gelijk welke div kom veranderen de andere...
    Wat bedoel je?
    no votes  

  12. #12
    faxxR's schermafbeelding
    Lid sinds
    29/03/08
    Berichten
    227
    iTrader
    0
    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  

  13. #13

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    Reputation
    0/0
    als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2
    no votes  

  14. #14

    Lid sinds
    14/08/10
    Locatie
    Diest
    Berichten
    2.419
    iTrader
    1 (100%)
    Reputation
    5/16
    Citaat Oorspronkelijk geplaatst door wotevajjjj Bekijk bericht
    Deze quote is verborgen omdat je deze gebruiker negeert. Weergeven
    als ik met myn muis op div 2 kom hovert 1 en 2 ipv enkel 2
    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  

  15. #15

    Lid sinds
    14/06/11
    Locatie
    Wieze
    Berichten
    513
    iTrader
    20 (95%)
    Reputation
    0/0
    Het doel is gewoon om een levendiger ui te krijgen.
    code.zip
    bedankt voor te willen helpen
    no votes  

Pagina 1 van 2 12 Laatste

Regels voor berichten

  • Je mag geen nieuwe discussies starten
  • Je mag niet reageren op berichten
  • Je mag geen bijlagen versturen
  • Je mag niet je berichten bewerken
  •  

Inloggen

Inloggen