Bilder vergrößern

[fallen]

morgen,

angenommen, ich hätte eine webseite, die aus 9 bildern besteht, diese sind alle gleichgroß(passbild größe) und liegen in 3 reihen mit jeweils 3 bildern auf der seite. so, wenn ich jetzt mit der maus über ein bild fahre, soll das größer werden und die anderen ein wenig überlappen.
wie könnte ich das am besten machen? geht das mit css? oder doch mit java irgendwie?


liebe grüße und danke für eure antworten,


fallen

 

[Difool]

Moin,

so meinst du ? > klick

Dann css.

 

[fallen]

du bist ein schatz, genau sowas hab ich gesucht! danke!

 

[rolinn]

geil. gleich ma daheim dann ausprobieren. einfach quelltext kopieren und ändern oder gibts da noch was zu beachten?

 

[rolinn]

hmm, hab jetzt einfach ma den quelltext genommen, in ein leeres html kopiert und bilder von mir eingefuegt, aber funzt ned wie es soll.

was hab ich falsch gemacht?

danke

 

[Jakob]

Du hast schon das CSS-Dokument mit runtergeladen?

 

[rolinn]

ähm, neee.
wie muss ich das jetzt verknüpfen?


EDIT: habs schon, nun gehts, tausend dank

 

[Jakob]

Das war schnell Hatte den Link schon rausgesucht, also wenn's Dich interessiert: http://de.selfhtml.org/css/formate/einbinden.htm#separat

SelfHTML ist sehr nett für Anfänger bis Fortgeschrittene.

 

[rolinn]

dank dir. hätt ich auch selber sehen könne, aber war ich wohl ein wenig blind.
funzt super.
rechtlich sollte ja nix gegen sprechen einfach den quelltext abzuändern von dem link oben, oder?!

 

[pichfl]

ich würde halt netterweise nen link oder so zum orginal setzen.
wenn man sowas entwickelt freut man sich halt zu erfahren was draus wird.
(ist zwar nicht von mir, aber ich denke das sehen die meisten coder so)

ist ein ziemlich genialer css-trick.

 

[Difool]

im css steht ja regulär der link mit drin – bin auch dafür, dass man diesen drin lässt!

 

[ben-pen]

Irgendwie funzt das bei mir nicht. Hab eine html-Seite, den css-link eingefügt, eine tabelle mit einen bild eingefügt und der tabelle den style hoverbox gegeben.
Geht nicht. Was mach ich falsch?

BP

 

[ben-pen]

hat sich erledigt

 

[ThaHammer]

Das ol hatte die Klasse nicht die Tabelle, oder?

 

[ben-pen]

glaub schon.

was heißt "ol"?

 

[ben-pen]

Ist euch aufgefallen, dass das nicht im Internet Explorer (5.2.3) funktioniert. Oder ist das nur bei mir so??

Könnte das mal jemand auf Windows probieren??

Danke

BP

 

[ben-pen]

Noch eine Frage.

ist es möglich statt einen MouseOver Effekt einen MouseClick Effekt zu machen?

 

[Jakob]

Gerade Kompatibilitätsfragen könntest Du einfach schnell in dem verlinkten Tutorial dazu nachlesen.

Ein onclick geht mit reinem CSS z.Zt. nicht. Dazu müsstest Du noch JavaScript nutzen. Ohne den Quellcode angesehen zu haben sollte es dann so gehen, dass Du dem angeklickten Bild eine andere ID oder Klasse gibst. (<a href="…" onclick="this.className='highlight'"><img src="…" /></a>) oder so ähnlich. Vielleicht muss das JS auch in den Bildtag.

 

[Difool]

Ist euch aufgefallen, dass das nicht im Internet Explorer (5.2.3) funktioniert. Oder ist das nur bei mir so??

http://host.sonspring.com/hoverbox/css/ie_fixes.css