Seite 2 von 6
Verfasst: Mi 24. Okt 2007, 12:42
von andreasb
Ui, das ist eigentlich zu banal als dass ich das gross als geistigen Erguss präsentieren könnte.
Ich habe lediglich das onclick auf das Bild entfernt und dafür einen Link auf das Originalbild gesetzt mit dem
, welches die Lightbox benötigt, also
.
Da die LighboxGallery eingebunden war ist auch das entsprechende Javascript vorhanden.
So kann ich also ein Bild einbinden, es wird runtergerechnet und beim darufklicken kommt das Originalbild mit dem Lightbox-Effekt.
Die Site ist übrigends noch nicht online.
Brauche unbedingt Hilfe
Verfasst: Do 8. Nov 2007, 13:13
von barneyy
@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!
Re: Brauche unbedingt Hilfe
Verfasst: Do 8. Nov 2007, 13:43
von andreasb
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!
Das Modul ist keine Galerie, sondern wird als Ersatz für Text (HTML) eingesetzt.
Das Modul rechnet die Bilder auf die im Tiny angegeben Grössen runter und stellt sie bei Klick in Originalgrösse dar, bzw. mit Veränderung auch mit dem Lightbox-Effekt.
Du möchtest ja von einem kleinen Bild auf ein grosses verlinken, also zwei Bilder nutzen.
Dazu vielleicht einmal hier gucken:
http://contenido.org/forum/viewtopic.ph ... t=lightbox
http://contenido.org/forum/viewtopic.ph ... t=lightbox
Stimmt auch wieder
Verfasst: Do 8. Nov 2007, 13:54
von barneyy
@andreasb:
"Augen auf beim Eierkauf" - hätte ich selbst drauf kommen müssen. Beiträge scheinen gut zu sein, gucke heute abend nochmal rein. Aber mein Problem wurde verstanden, richtig ist dass ich zwei bilder brauche. Im Grunde ein schnödes Popup mit Lightbox-Effekt - steuerbar über Tiny.
Dank für den schnellen Tip...
Hat gefunzt
Verfasst: Do 8. Nov 2007, 17:13
von barneyy
@andreasb
Beiträge waren fruchtbar - habe den Lightbox-Effekt einfach ins Bild-Modul eingebaut und fertig - danke nochmals....
Re: Hat gefunzt
Verfasst: Do 8. Nov 2007, 23:30
von andreasb
barneyy hat geschrieben:@andreasb
Beiträge waren fruchtbar - habe den Lightbox-Effekt einfach ins Bild-Modul eingebaut und fertig - danke nochmals....
Einwandfrei!
Verfasst: Sa 17. Nov 2007, 11:25
von RkAk907
Ich würde auch gerne, dass bei Klick auf die Bilder im Modul ImageresizeHTML die Lightbox aktiviert wird. Könnte mir jemand vielleicht den Code schicken, oder zumindest was ich wo einfügen soll? Habe es mit dem probiert, wie andreasB es im Forum geschrieben hast, klappt aber nicht, irgendwas scheine ich falsch zu machen (bin nicht so der php-König!). Hier mein Output-Code: (habe
Code: Alles auswählen
<script type="text/javascript" src="js/Lightbox.js"></script>
in den header meines layouts eingefügt!)
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();
}
?>
Wäre super, wenn ihr mir helfen könntet.
Verfasst: Sa 17. Nov 2007, 11:33
von kummer
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.
Verfasst: Sa 17. Nov 2007, 13:29
von RkAk907
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.
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.
Sonst irgendwas auffällig falsch dran?
Verfasst: So 18. Nov 2007, 01:18
von andreasb
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:
Code: Alles auswählen
$mask[1] = '<a href="{origSrc}" rel="lightbox"><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></a>';
Die ursprünglichen DIV sind weg, da sie mir sinnlos erschienen und bein zwei Bildern selbige untereinander und nicht nebeneinander dargestellt wurden.
Verfasst: So 18. Nov 2007, 05:48
von RkAk907
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:
Code: Alles auswählen
$mask[1] = '<a href="{origSrc}" rel="lightbox"><img src="{src}" width="{width}" height="{height}" alt="{alt}" /></a>';
Die ursprünglichen DIV sind weg, da sie mir sinnlos erschienen und bein zwei Bildern selbige untereinander und nicht nebeneinander dargestellt wurden.
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>
Die Farb-tags sind nur im Forumseintrag gewesen.
Vielen Dank euch Allen.
[/code]
Verfasst: So 18. Nov 2007, 12:52
von RkAk907
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.
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?
Ich hoffe ihr habt das Problem verstanden...
Verfasst: So 18. Nov 2007, 13:47
von andreasb
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>
Ahem, eigentlich nicht. Da hast Du eine andere Version, keine Ahnung.
Verfasst: Mo 19. Nov 2007, 08:29
von kummer
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?
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}.
Verfasst: Mo 19. Nov 2007, 12:09
von RkAk907
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}.
Also meine Maske sieht jetzt so aus:
Code: Alles auswählen
$mask[1] = '<img src="{src}" width="{width}" height="{height}" alt="{alt}" style="{style}" />';
Ich schätze, das ist das was du gemeint hast. Tut sich aber nichts.
Abgesehen davon, verstehe ich nicht ganz, was das dann bewirken soll. Worauf verweist {style}? Und wie doll da die lightbox geladen werden?
Danke euch