Darstellungstipp

[brandy]

Hallo!

Hätte jemand einen Tipp wie ich so etwas darstellen kann - http://www.graz-cityofdesign.at/

Hab mir bereits eine Seite gebastelt - www.arch-lechner.at/_cms auf der ich dies jetzt anwenden möchte. Meine Idee wäre, dass ich on rollover die Box zur Bildansicht öffne und praktisch im Rahmen des Rasters drüberlege.
Bin mir aber nicht sicher ob das die beste Lösung wäre...

Vielen Dank!

[uniqu3]

Hier http://cssglobe.com/lab/tooltip/02/

[brandy]

Ja das wäre schon so etwas wie ich mir das vorstelle - nur müsste ich es richtig ausrichten, sodass es sich immer an den anderen DIVs orientiert

[klenkes]

Das positionieren funktioniert z: B. mit den jQuerytools und Tooltip Plugin auch gut. top left oder offset Angaben...
Hab ich vor Kurzem hier gemacht:
http://bit.ly/odwd3z

Original siehe jQuery Tools:
http://flowplayer.org/tools/demos/tooltip/index.html

[brandy]

Kann ich darin auch die dazugehörige Gallery so laden, dass ich zwischen den Bildern weiterschalten kann?

[uniqu3]

Mit von mir vorgeschlagenen link kannst Du es ebenfalls positioneren:

Code: Select all

xOffset = 10;
yOffset = 30;

Download hier: http://cssglobe.com/post/1695/easiest-t ... ing-jquery
Das ganze dürfte mit Gallery oder was Du sonst als Projekt/Bilderverwaltung nehmen möchtest einfach zu umsetzen sein.

[uniqu3]

Kann ich darin auch die dazugehörige Gallery so laden, dass ich zwischen den Bildern weiterschalten kann?

Nein wenn nur ein großes Bild mit hover Effekt sichtbar sein soll kannst natürlich nicht dazwischen schalten, denn mit maus Bewegung ist ja das Effekt ebenfalls weg.

Dann wäre eine modalbox wie colorbox, fancybox oder was es sonst noch so gibt vernünftiger.

[brandy]

Ok Modalbox nennt man sowas

Ja wie mach ich das, dass er mir die Modalbox bei rollover öffnet?

[brandy]

Hab jetzt eine Lösung, nur ist diese auf wirkliche Links auf andere Seiten ausgelegt:

Code: Select all

<a href="{$image->file}" title="{$image->titlename}" onmouseover="location.href=this.href;">

Wie bau ich das so um, dass er mir das ganze in der Modalbox öffnet?

Vielen Dank!

[brandy]

So mein letzter Versuch:

Wie öffne ich folgenden Link on mouseover?

Code: Select all

<a href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="lightbox[gallery]">

Vielen Dank!