Hi, ich weiß, dass ist das 4.8 Forum, aber ich wusste nicht, wo ich sonst fragen sollte, also:
ich möchte gerne, dass auf den Bildern, die mit Klick vergrößert werden können, eine kleine Lupe rechts unten im Bild erscheint. Da ich das ImageResizeHTML-Modul verwende, kann ich vor der Ausgabe den Code umbauen, wenn nötig (z.M. ein Div ums Bild oder ein Span dahinter oder eine Klasse einbauen.)
Ich hab echt nirgends gefunden, wie das gehen könnte, ohne dass das eigentliche Bild als Background einzubinden, denn dann könnte man es ja nicht mehr anklicken.
Wie kann ich denn das Lupen-icon im Bild positionieren (nicht darunter)?
Evtl. Beispielseiten??
Danke und vG,
Tom
CSS-Frage
-
- Beiträge: 4255
- Registriert: Do 30. Jun 2005, 22:56
- Wohnort: Eltmann, Unterfranken, Bayern
- Kontaktdaten:
Hallo tommo,
nur mal so schnell aus dem kopf getipselt könnte es in etwas so gehen.
HTMLund CSS
Wie gesagt, nicht getestet. Wichtig sind die Breite/Höhe in der CSS für den Rahmen, da der Browser sonst nicht weiß wo und wie er positionieren soll.
Gruß aus Franken
Ortwin
nur mal so schnell aus dem kopf getipselt könnte es in etwas so gehen.
HTML
Code: Alles auswählen
<div class="rahmen">
<img src="images/bild.jpg" alt="Bild" title="Bild" height="250" width="150"/>
<div class="lupe"><img src="images/lupe.jpg" alt="lupe" title="lupe" height="25" width="25"/></div>
</div>
Code: Alles auswählen
div.rahmen {
position: relative;
width: 250px;
height: 150px;
}
div.lupe {
position: absolute;
bottom: 0;
right: 0;
}
Gruß aus Franken
Ortwin
ConLite 2.1, alternatives und stabiles Update von Contenido 4.8.x unter PHP 7.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
-
- Beiträge: 4255
- Registriert: Do 30. Jun 2005, 22:56
- Wohnort: Eltmann, Unterfranken, Bayern
- Kontaktdaten:
Hallo Tom,
dann mach es doch dynamisch, schreib dir ein Modul das die Werte des Bildes ausliest und setze dann die Werte als Inline-Style bei jedem rahmen-div. Wenn du ein Template dafür nutzt, ist das als Schleife für mehrere Bilder einfach möglich.
Gruß aus Franken
Ortwin
dann mach es doch dynamisch, schreib dir ein Modul das die Werte des Bildes ausliest und setze dann die Werte als Inline-Style bei jedem rahmen-div. Wenn du ein Template dafür nutzt, ist das als Schleife für mehrere Bilder einfach möglich.
Gruß aus Franken
Ortwin
ConLite 2.1, alternatives und stabiles Update von Contenido 4.8.x unter PHP 7.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
-
- Beiträge: 4255
- Registriert: Do 30. Jun 2005, 22:56
- Wohnort: Eltmann, Unterfranken, Bayern
- Kontaktdaten:
Hallo Tom,
nunja, da nützt dir auch kein align="left" im img-Tag mehr, da du ja nun einen Div drum hast, versuchs mal indem du dem div eine "float:left;" im InlineStyle mitgibst.
Gruß Ortwin
nunja, da nützt dir auch kein align="left" im img-Tag mehr, da du ja nun einen Div drum hast, versuchs mal indem du dem div eine "float:left;" im InlineStyle mitgibst.
Gruß Ortwin
ConLite 2.1, alternatives und stabiles Update von Contenido 4.8.x unter PHP 7.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog