Code: Alles auswählen
rel="lightbox"Code: Alles auswählen
<a href="{origSrc}" rel="lightbox">Das Modul ist keine Galerie, sondern wird als Ersatz für Text (HTML) eingesetzt.barneyy hat geschrieben:@kummer und @adreasb
Ich brauche eine Galerie mit folgenden Features:
1. Via Tiny wird ein Bild eingefügt, dieses Bild soll dann via Lightbox das Grossbild zeigen! Pro Artikelin Contenido sollen so bis zu 4 Bilder eingefügt werden (mögl. über versch. Templates!)
2. Die Kleinbilder sollen manuell von Hand mit Photoshop hergestellt werden, es sollen keine Umrechnungen der Bildgröße stattfinden (Bilder muss ich alle von hand herstellen und zurechtschneiden in Photoshop - geht nicht anders!)
3. Bei dem Lightbox-Image soll ein zu definierende Bilddatei auswählbar sein, die bei onclick auf das Kleinbildes mit Lightbox-Effekt angezeigt wird. Pro Seite sollen 4 Bilder gezeigt werden (also 4x das gleiche Modul integrieren??).
WAr das jetzt irgendwie verständlich?
Bitte um kurze Hilfestellung - bin absoluter PHP-Newbie!
Einwandfrei!barneyy hat geschrieben:@andreasb
Beiträge waren fruchtbar - habe den Lightbox-Effekt einfach ins Bild-Modul eingebaut und fertig - danke nochmals....
Code: Alles auswählen
<script type="text/javascript" src="js/Lightbox.js"></script>Code: Alles auswählen
<?php
if ($contenido && ($view == "edit")) {
echo "CMS_HTML[1]";
} else {
$mask[0] = '<div><div><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></div><div>{description}</div></div>';
$mask[1] = '<div><div>[color=red]<a href="{origSrc}" rel="lightbox">[/color]<img src="{src}" width="{width}" height="{height}" alt="{alt}">[color=red]</a>[/color]</div><div>{description}</div></div>';
cInclude('frontend', 'includes/atelierq.imageResize.class.inc.php');
$atqImageResize = new atqImageResize("CMS_HTML[1]", "CMS_VALUE[1]", "CMS_VALUE[2]", $mask, $db);
echo $atqImageResize->getOutput();
}
?>ja das die stören macht sinn...ich wollte nur den link-tag farbig machen, den ich eingefügt habe in die 2. maske. Hat wohl nicht ganz funktioniert. Aber nur daher die color-einträge.kummer hat geschrieben:haben die color-einträge mit eckigen klammern eine bestimmte bedeutung. html ist das ja nicht. ich stelle mir vor, das müsste stören.
Code: Alles auswählen
$mask[1] = '<a href="{origSrc}" rel="lightbox"><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></a>';Das Leben kann so einfach sein...habe den Fehler gefunden. Er liegt im Javascript-befehl im Layout und zwar gehört da noch das rel="lightbox" rein also:andreasb hat geschrieben:Das Lightbox-Javascript muss richtig verlinkt sein. Im Layout im Headbereich. Auf Schreibweise und Pfad achten!
Deine seltsamen Farbangaben raus, wird ja ein Bild und kein Text verlinkt. Für Formatierung CSS verwenden (z.B. Rahmen um das Bild).
Ansonsten sieht es bei mir folgend aus:
Die ursprünglichen DIV sind weg, da sie mir sinnlos erschienen und bein zwei Bildern selbige untereinander und nicht nebeneinander dargestellt wurden.Code: Alles auswählen
$mask[1] = '<a href="{origSrc}" rel="lightbox"><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></a>';
Code: Alles auswählen
<script type="text/javascript" src="js/Lightbox.js" rel="lightbox"></script>Dazu hab ich jetzt noch eine Frage. Ich habe in einem Artikel 3 Bilder, eins links, rechts daneben text. Eins rechts, links daneben text usw.andreasb hat geschrieben:Die ursprünglichen DIV sind weg, da sie mir sinnlos erschienen und bein zwei Bildern selbige untereinander und nicht nebeneinander dargestellt wurden.
Ahem, eigentlich nicht. Da hast Du eine andere Version, keine Ahnung.Das Leben kann so einfach sein...habe den Fehler gefunden. Er liegt im Javascript-befehl im Layout und zwar gehört da noch das rel="lightbox" rein also:Code: Alles auswählen
<script type="text/javascript" src="js/Lightbox.js" rel="lightbox"></script>
du kannst auch nur ein img-tag als bildmaske verwenden. und dann einfach noch das style-attribut setzen. das sollte - irrtum vorbehalten - eigentlich auch vorhanden sein als {style}.RkAk907 hat geschrieben:Dazu hab ich jetzt noch eine Frage. Ich habe in einem Artikel 3 Bilder, eins links, rechts daneben text. Eins rechts, links daneben text usw. Durch die Maske verschiebt sich jetzt aber der Text unter das jeweilige Bild und alle Bilder sind links. Jetzt könnte ich das Problem, das der Text unter den Bildern steht durch ein float:left in den Div-tags die du gelöscht hast beheben, dann sind aber leider immernoch ALLE Bilder links...
Irgendjemand eine Idee wie ich das wieder normal hinbekomme?
Also meine Maske sieht jetzt so aus:kummer hat geschrieben:du kannst auch nur ein img-tag als bildmaske verwenden. und dann einfach noch das style-attribut setzen. das sollte - irrtum vorbehalten - eigentlich auch vorhanden sein als {style}.
Code: Alles auswählen
$mask[1] = '<img src="{src}" width="{width}" height="{height}" alt="{alt}" style="{style}" />';