Archief - Afbeelding tonen bij hover thumbnail

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

50Euro

Legacy Member
Ten eerste sorry voor deze topic te gebruiken/bumpen. Maar het heeft wel betrekking tot mijn vraag.

Vraag staat eigenlijk omschreven op mijn eerste website tryout => Home Plaskesvrienden

Dus ik zou daar woorden/namen, tekst dus, in het bovenste en linksonderaan gedeelte zetten en bij rollover/mouseover zou rechtsonderaan afbeelding moeten komen. Bv bij naam van de ploeg een afbeeldingen van de ploeg, bij "spits" een foto van de spits.

Ik zou iets willen doen zoals beschreven staat in deze link => { visibility: inherit; } As Simple As It Gets CSS Popup Image!

Maar maak mij dan zorgen omtrent bezoekers met pop up blockers add-ons etc.. Hoe doe je dit eigenlijk best? Pop-up? iFrame? Liefst omzeil ik liever javascript etc voorlopig..

Bij tips, dank bij voorbaat, en liefst links naar tuts ;)
Z

Zero Grav

Legacy Member
Dat heeft helemaal niets te maken met een popup, de naam is gewoon wat misleidend. Een popup is een nieuw venster dat opent, terwijl hier gewoon een afbeelding zichtbaar gezet wordt. Uw bezoekers gaan hier dus geen negatieve invloed van ondervinden, behalve dat ze geïrriteerd gaan zijn als ze de afbeelding willen opslaan en niet de technische kennis hebben om em uit de code te halen.

Als ge wilt doen wat op die link staat dan kunt ge gewoon die beschrijving volgen?

Ik ga uw post verplaatsen naar een nieuwe thread om verwarring te voorkomen. De informatie in deze thread is veel te oud en niet meer echt relevant.
F

FurtiveDuck

Legacy Member
Ik ben niet zeker of ik snap wat je wilt zeggen. Eerst even een opmerking. Je menu wordt volledig opgebouwd uit aparte <DIV>'s met dan nog elk eens dezelfde ID. Dit kan niet. Een ID is uniek. Een class niet. Dus je zou ze de klasse menubutton kunnen meegeven.

Verder is een menu zoals jij daar hebt, bijna altijd opgebouwt uit een <UL>. Dit is veel handiger en de meeste tutorials online zullen deze manier ook gebruiken.

Wat je nu best doet om te bereiken wat je wil is de <A> van home de klasse 'home' meegeven. Dan moet je het volgende in je css plaatsen.

Code: 
// De afbeelding standaard verbergen.
#imgrechtsonder {

  display:none;

}

// Aan de hand van de ID van de afbeelding en de klasse in de link home tonen we de afbeelding als er gehoverd wordt over de knop.

a.home:hover #imgrechtsonder {

display:block; of display:inline;

}

Verder even je website door w3c validator halen. Er staan nog wat foutjes in de code.
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