Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.07.2012 um 19:25 (UTC)    
Titel: Bild mit Hover Effekt zum anklicken

Hallo, ich habe im Forum folgendes gefunden:

Code:
<style type="text/css">
<!--
#bildbox1 {
background-image: url(http://bildurl.de); /*Ausgangsbild*/

width:300px; /*Maßangaben. Gleich den Hintergrundbildern*/
height:]300px;

}
#bildbox1:hover {
background-image:url(http://hoverbild.de); /*Bild für den hover effekt*/
}
-->
</style>


Eingefügt wird das über:
Code:
<div id="bildbox1"></div>



Das ganze läuft auch wie ich möchte.
Kann mir jemand einbauen dass, das Bild einen Link bekommt. Also ich möchte dann auf das Bild klicken und z.b. auf Google.de kommen.

Lg
Beitrag31.07.2012 um 09:02 (UTC)    
Titel:

Hallo,

versuch' es doch mal so:
Zitat:
<div id="bildbox1"><a style="width:100%; height:100%; color:transparent;" href="http://www.google.de">.</a></div>

Hier gibst du die Adresse an.
Und hier kommt ein Punkt, Leerzeichen oder was immer hin.
Nur zur Sicherheit, sonst wird der Link womöglich nicht angezeigt. Sieht man aber nicht, außer es wird markiert Wink

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 31.07.2012, 10:10, insgesamt einmal bearbeitet
Beitrag31.07.2012 um 10:50 (UTC)    
Titel:

transint hat Folgendes geschrieben:
Hallo,

versuch' es doch mal so:
Zitat:
<div id="bildbox1"><a style="width:100%; height:100%; color:transparent;" href="http://www.google.de">.</a></div>

Hier gibst du die Adresse an.
Und hier kommt ein Punkt, Leerzeichen oder was immer hin.
Nur zur Sicherheit, sonst wird der Link womöglich nicht angezeigt. Sieht man aber nicht, außer es wird markiert Wink

Gruß,

TransInt


Es geht so leider nicht.. Crying or Very sad
Siehe: http://kalles-fotostrecken.de.tl/
Beitrag31.07.2012 um 11:46 (UTC)    
Titel:

Hallo,

den Link müsste man als erstes zu einem ein Blockelement machen. Das kannst du aber auch wesentlich einfacher haben:

Zitat:
<div id="bildbox1" onclick="var blub = window.location; blub.href = 'http://blabla.de';"></div>

______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag31.07.2012 um 13:08 (UTC)    
Titel:

o-4-n hat Folgendes geschrieben:
Hallo,

den Link müsste man als erstes zu einem ein Blockelement machen. Das kannst du aber auch wesentlich einfacher haben:

Zitat:
<div id="bildbox1" onclick="var blub = window.location; blub.href = 'http://blabla.de';"></div>

Super vielen lieben Dank!
Beitrag31.07.2012 um 16:55 (UTC)    
Titel:

Vielen Dank für die Rückmeldung und vielen Dank an o-4-n und transint fürs Helfen!

-CLOSED-, da erledigt

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de