• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Beta-testers gezocht voor Crypto-oefenplatform

    Syntax 29 januari 2026 om 16:11
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Syntax 19 januari 2026 om 09:34
  • Developer Gezocht

    Mikevdk 10 januari 2026 om 18:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09
  • Help testers nodig voor android app Urgent

    urgentotservices 26 september 2025 om 10:21
  • Versio vervanger

    Jeroen.G 25 augustus 2025 om 15:56
  • Afspraken systeem met planbeperking

    Lijno 1 augustus 2025 om 23:04

Marktplaats

  • 350 Nieuwe Domeinnamen Januari 2026

    shiga 1 februari 2026 om 14:21
  • 321 Nieuwe Domeinnamen December 2025

    shiga 1 januari 2026 om 10:26
  • Meerdere mafia game template te koop

    Syntax 26 december 2025 om 00:07

Probleem met image hover

  • rdgweb
  • 23 oktober 2013 om 20:40
  • rdgweb
    Intermediate
    Ontvangen Reacties
    6
    Berichten
    277
    • 23 oktober 2013 om 20:40
    • #1

    Hallo.

    ik heb een probleempje met een hover toevoegen aan mijn afbeeldingen op een joomla website.
    Het is de bedoeling dat ik met mijn muis over een afbeelding ga op de website, dat het dan soort van vervaagd.
    ik heb het opgezocht en dat moet met de volgende code kunnen:
    img:hover
    {
    opacity:0.5;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    }

    De code heb ik in de css geplaatst, alleen geen resultaat.
    Afbeeldingen worden gewoon toegevoegd in het cms van joomla.

    Wie helpt me uit de brand

    opzoek naar leuke klusjes!

  • Guest, wil je besparen op je domeinnamen? (ad)
  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 23 oktober 2013 om 20:44
    • #2

    Ik denk persoonlijk dat dit met jQuery makkelijker moet zijn...

    Code
    $("#img-1, #img-2, #img-3").css('opacity','0.6');
  • rdgweb
    Intermediate
    Ontvangen Reacties
    6
    Berichten
    277
    • 23 oktober 2013 om 20:45
    • #3

    Ik heb werkelijk geen verstand van jquery..
    En de afbeeldingen zijn niet in de index opgeslagen dus ik weet niet hoe ik die kan aanpassen

    opzoek naar leuke klusjes!

  • Newtimes
    Student
    Berichten
    62
    • 24 oktober 2013 om 14:41
    • #4

    Met jquery een hover voor transparantie doen op een afbeelding is imo, veel en veel te omslachtig.
    (ook doe je met jquery eigenlijk precies het zelfde.. alleen dan buiten je css om)


    Heb je toevallig een link naar de site zodat ik even kan kijken wat er wel en niet gebeurd ?

  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 24 oktober 2013 om 17:47
    • #5

    Newtimes
    Hou er rekening mee dat elke browser hier weer anders op reageert, in jQuery zit dit (volgens mij) automatisch ingebakken.

  • rdgweb
    Intermediate
    Ontvangen Reacties
    6
    Berichten
    277
    • 25 oktober 2013 om 07:19
    • #6

    Het is gelukt..
    Mijn browser vernieuwde mijn pagina niet goed -__-

    @wmdiensten
    Klopt het internet explorer ondersteund het niet.
    Daar is een speciale manier voor

    opzoek naar leuke klusjes!

  • Newtimes
    Student
    Berichten
    62
    • 25 oktober 2013 om 09:07
    • #7

    @Wmdiensten
    En als de gebruiker javascript uit heeft staan :)?

    de :hover word zover ik weet door elke browser ondersteund, alleen de opacity zou miss wel eens probelemen kunnen zorgen, echter als jij via jquery css toevoegd aan een element zal hij niet de browser pre-fix krijgen maar gewoon de exacte css die jij er in zet.

    rdgweb
    Gelukkig, heb ik ook altijd last van (apparte browser geinstaleerd waar alles wat maarin de beurt van caching komt uit staat)

  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 25 oktober 2013 om 11:43
    • #8
    Citaat van Newtimes

    @Wmdiensten
    En als de gebruiker javascript uit heeft staan :)?

    de :hover word zover ik weet door elke browser ondersteund, alleen de opacity zou miss wel eens probelemen kunnen zorgen, echter als jij via jquery css toevoegd aan een element zal hij niet de browser pre-fix krijgen maar gewoon de exacte css die jij er in zet.

    rdgweb
    Gelukkig, heb ik ook altijd last van (apparte browser geinstaleerd waar alles wat maarin de beurt van caching komt uit staat)


    Zou niet weten wie zijn javascript uit heeft staan, tegenwoordig zie je alleen maar websites met javascript...
    En dat kan je als nog controleren en vragen de javascript in te schakelen. <noscript> of andere mogelijkheden die dit kunnen controleren.
    Lijkt mij eerlijk gezegd heel irritant om uit te zoeken welke browser wel of niet reageert, maar dat kan ook iets persoonlijks zijn ;)

    @TS
    Blij dat het opgelost is.

    Bewerkt één keer, laatst door WHMCSAddons (25 oktober 2013 om 11:53).

  • Newtimes
    Student
    Berichten
    62
    • 25 oktober 2013 om 11:53
    • #9

    Het uitzoeken welke browser wel en niet valt wel mee.
    Aangezien het een css2 functie is die :hover tevens is het netter en hoef je geen hele jQuery in te laden (wat nog steeds sneller werkt).

    Je kan met de no-script wel uitschakelen maar dit is erg veel moeite voor iets wat niet hoeft xD, het is maar een hover.

    En opacity toevoegen op een object via jquery word nogsteeds het zelfde uitgevoerd als je de .css() gebruikt

    (menu items, linkjes etc. maak je toch ook niet met jQuery :)?)

  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 25 oktober 2013 om 11:54
    • #10

    Newtimes
    Praat ook niet over de hover functie, maar over de opacity functie, de hover functie werkt gewoon zoals je het aangeeft.

  • Newtimes
    Student
    Berichten
    62
    • 25 oktober 2013 om 12:34
    • #11

    De opacity functie word door .css exact het zelfde megegeven door jquery als jij .css() gebruikt :P dus dat zou niet helemaal werken.

  • WHMCSAddons
    Master
    Ontvangen Reacties
    88
    Berichten
    2.411
    • 25 oktober 2013 om 13:33
    • #12

    Newtimes
    Prima.

    TS heeft de oplossing dus zie verdere reacties onnodig momenteel ?

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Fijne feestdagen

    tcbhome 28 december 2025 om 13:55
  • Kritieke update voor Really Simple Security-plug-in

    K.Rens 16 november 2024 om 16:12
  • ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

    K.Rens 2 november 2024 om 16:09

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design