Lightbox

Begonnen von smartmusic, 29 September 2007, 14:05:00

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

smartmusic

hallo,

ich versuche die ganze zeit das lightbox script für das album im avatar modul einzufügen.

nur leider bekomme ich es nicht ganz zum laufen

die bilder werden dann unter der seite angezeigt.

hat jemand schon erfahrung und es wäre auch schön für bowlingx für die neue version.

hier gibt es die neue version:
http://www.huddletogether.com/projects/lightbox2/

BowlingX

Hi,
hast du denn auch die benötigten Libarys eingebunden und den Header um die 3 Zeilen erweitert?
David
Kein Support über Mail, (ungefragter) PN oder ICQ, ausschließlich direkt im Forum!

hausmeista

kommt darauf an was für Erfahrungen Du meinst.. ich verwende ausschliesslich als Unterstützung zur Präsentation von Bildern/Grafiken die Lightbox - allerdings nicht die 2er : Siehe hier (einfach Bildchen anklicken)
http://www.linkdirector.de/modules.php?name=Open-Directory-Project&cid=82
oder (unter Punkt Galerie) : http://pragmamx.demoview.de/modules.php?name=Encyclopedia&op=content&tid=7

im Template default musste die js abfrage in die my_header.php eingefügt werden, die lightbox ins root des pragmaMx und dann nur noch bei der verlinkung das js ansprechen:
in etwa:
<a href="http://pragmamx.demoview.de/images/installationsroutine/Banners/pragmaMx%20-%20Content%20Management%20Sytem%20unter%20demoviewde%20-%20Banners%20Screen%20since%2008-2007%20by%20PayDown7.png" rel="lightbox" alt="Startseite des Banner Modul unter pragmax.demoview.de" title="Startseite des Banners Module unter pragmax.demoview.de">
    <img src="http://pragmamx.demoview.de/images/installationsroutine/Banners/pragmaMx%20-%20Content%20Management%20Sytem%20unter%20demoviewde%20-%20Banners%20Screen%20since%2008-2007%20by%20PayDown7_t.jpg" style="" alt="Startseite des Banner Modul unter pragmax.demoview.de" title="Startseite des Banners Module unter pragmax.demoview.de" align="" height="100" width="100"></a>
Heiko Richter: In Deutschland muss man arbeiten wie ein Pferd um zu verdienen wie ein Pony.
PMX Shop-Modul unter www.vcardo.de

smartmusic

@ bowlingx

das bild wurde angezeigt...nur unter der seite in gross....es wurde auch richtig geladen
nur der bildschirm wurde aussenrum nicht dunkel und es wurde nicht in der mitte geladen
schätze ich habe nicht die css richtig eingebunden oder sie funktioniert nicht richtig in zusammenhang mit der css vom theme
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

@ hausmeista
könntest du mir mal die version 1 zukommen lassen oder sagen wo ich sie runterladen kann

smartmusic

ok

jetzt klappt es

auch die neue version 2

das problem lag immer an der css von lightbox

habe sie nun mit in die theme css integriert.

hausmeista

@ smartmusic
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm

Hinweis:
In der my_header.php die Pfadangabe zum js unbedingt hinter der letzten vorhandenen Eintragung setzen. Du findest unter den Links im vorhergehenden Beitrag im Quelltext wie es dann aussehen sollte. Enjoy!
Heiko Richter: In Deutschland muss man arbeiten wie ein Pferd um zu verdienen wie ein Pony.
PMX Shop-Modul unter www.vcardo.de

Metal-Overdrive

Zitat von: smartmusic am 30 September 2007, 17:53:02
jetzt klappt es
auch die neue version 2

Moin,

wäre schön wenn du eventuell mal die Zeit finden würdest hier eine komplette Installationsanleitung zu posten. So hätte ich und vor allem auch alle anderen User etwas davon.

Danke

smartmusic

hier steht soweit alles erklärt
http://www.huddletogether.com/projects/lightbox/

die unten stehenden punkte runterladen wie
lightbox.js
lightbox.css

lightbox.js ins root (pfade der images drin anpassen)

in der theme.html:
<!-- START more_header -->

<script type="text/javascript" src="lightbox.js"></script>
<!-- END more_header -->

die css mit in die css vom theme packen

wer es für das album vom avatar modul haben will
hier ein ausschnitt der album.php

# ALLE AVATARE UND FOTOS AUFLISTEN: #
echo "<hr size='1' noshade><b>"._AV_USER_UPLOADED_FOLLOWING_AVATARS."</b><br><br>
         <table width=\"100%\" border=\"0\">";
for($i = 0;$i < $row[1];$i++) {
echo "<tr bgcolor=\"$back_conf\">";
for($n = 1;$n <= $layout;$n++) {
// NUR Wenn $i kleiner als die Gesamtzahl der Avatare ist:
if ($i < $row[1]) {
// Die Hochgeladenen Dateinamen extrahieren:
$endFile = $avatarFileNew[$i];
$AvatarEndFile = explode(".", $endFile);
if ($AvatarEndFile[1] != "foto") {
echo "<td bgcolor=\"$back_conf\" width=\"33%\">

<a href=\"modules.php?name=".AV_MODNAME."&amp;file=index&amp;wat=ShowBigImage&amp;pic=$endFile\" rel=\"lightbox\" title=\"GeceAlem.de\">
<img border=\"0\" src=\"modules.php?name=".AV_MODNAME."&amp;file=index&amp;wat=displayThumb&amp;pic=$endFile\"></a><br>";

if($isseradmin){
                     echo " <a href=\"modules.php?name=".AV_MODNAME."&amp;file=deletAvatar&amp;mode=deleteForAdmin&amp;username=$id&amp;fileName=$endFile&amp;id=".$row[6]."\"><img src=\"modules/".AV_MODNAME."/images/delComment.png\" alt=\"checked\" style=\"vertical-align: middle;\"> "._AV_DELL_PIC."</a></td>";
}
else {
echo "</td>";
}
} else {
// Das Layout muss hier einen zurückgesetzt werden damit die Proportionen noch stimmen!
$n--;
$foto_array[] = $endFile;
$ii++;
}
}
// Innere Schleife austricksen:
$i++;
}
// Damit es richtig zuende läuft:
$i--;
if ($ii == $row[1]) {
// Wenn keine Avatare hochgeladen wurden, sondern nur Fotos:
// Dann muss trotzdem eine Meldung angezeigt werden!
echo "<td>"._AV_NO_AVATARS_TIME."</td>";
}
echo "</tr>";
}
echo "</table>";
echo "<hr size='1' noshade><b>"._AV_USER_UPLOADED_FOLLOWING_PICS."</b><br><br>";
echo "<table width=\"100%\" border=\"0\">";
if ($ii) {
for($i = 0;$i < $ii;$i++) {
echo "<tr bgcolor=\"$back_conf\">";
for($n = 1;$n <= $layout;$n++) {
if ($i < $ii) {
echo "<td bgcolor=\"$back_conf\" width=\"33%\">

<a href=\"modules.php?name=".AV_MODNAME."&amp;file=index&amp;wat=ShowBigImage&amp;pic=".$foto_array[$i]."\" rel=\"lightbox\" title=\"GeceAlem.de\">
<img border=\"0\" src=\"modules.php?name=".AV_MODNAME."&amp;file=index&amp;wat=displayThumb&amp;pic=".$foto_array[$i]."\"></a><br>";


if($isseradmin){
                     echo " <a href=\"modules.php?name=".AV_MODNAME."&amp;file=deletAvatar&amp;mode=deleteForAdmin&amp;username=$id&amp;fileName=".$foto_array[$i]."&amp;id=".$row[6]."\"><img src=\"modules/".AV_MODNAME."/images/delComment.png\" alt=\"checked\" style=\"vertical-align: middle;\"> "._AV_DELL_PIC."</a></td>";
}
else {
echo "</td>";
}
}
$i++;
}
$i--;
echo "</tr>";
}
echo "</table>";
} else {
echo "<tr bgcolor=\"$back_conf\"><td>"._AV_NO_PICS_TIME."</td>";
echo "</tr></table><br>";
}
/*********************************************************************************************************************/

breakdancer

Hi,

die Lightbox ist ein Addon, was ich in der Art schon lange gesucht haben, vielen Dank für den Hinweis !  :thumbup:

Was schön wäre, wäre zum Beispiel eine Integration in den SPAW-Editor, so dass man neben dem Bildchen für "Bild einfügen" noch eins hätte für "Lightboxpic einfügen" oder so, wo dann automatisch das richtige Linkformat eingefügt würde(<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> ) und man nur noch den Link zur Grafik ändern müsste... Wäre eine tolle Sache, grad in etwas umfangreicheren News, wo das "Umschreiben" in Lightbox-Linkformat bei zwanzig Bildern doch etwas länger dauert.

Na ja, aber auch so ein tolles Script.

Liebe Grüße

Markus

Yalin

Sorry, wenn ich diesen Thread wieder hochkrame, bei mir funktioniert das nicht..
Gibt es jemanden bei dem es unter aktueller Version und AvaModul läuft?

- habe den CSS Inhalt in die CSS meines Themes kopiert
- die drei Scriptreihen + CSS Pfad in den Header der theme.html eingetragen
- in den Themeordner jeweils den Ordner images und js hochgeladen
- Im Code von smartmusic kamen 2 Stellen vor, wo die Lightbox Angabe hin musste, habe diese Zeilen komplett kopiert und meine überschrieben..

Ist das soweit alles richtig? Bin wieder mal an einer Stopstelle  :puzzled:

Das einzige was passiert ist, dass die Bilder im ganzen Browserfenter aufgehen..


Banjo

Zitat- die drei Scriptreihen + CSS Pfad in den Header der theme.html eingetragen

ich habe daran auch lange experimentiert...

dann habe dich die Scriptreihen in die header.php eingebaut... höllisch drauf achten, das die Pfadangaben stimmen...

und in der lightbox.js  folgendes geändert:

das raus:

Zitat


//
// Configuration
//

// If you would like to use a custom loading image or close button reference them in the next two lines.
var loadingImage = 'loading.gif';      
var closeButton = 'close.gif';      




Zitat
/
//   Configuration
//
var fileLoadingImage = "http://xxx.die korrekte URL.xx/images/loading.gif";      
var fileBottomNavCloseImage = "http://xxx.die korrekte URL.xx//images/closelabel.gif";

var resizeSpeed =8;   // controls the speed of the image resizing (1=slowest and 10=fastest)

var borderSize = 11;   //if you adjust the padding in the CSS, you will need to update this variable



und es ging...


aber... warum.. kann ich auch nicht sagen...  :BD:

hier mal ein Link... aufs Bild klicken...

http://www.banjospace.de/modules.php?name=BanjosFotoalbum&act=displayimage&album=11&pos=0

würde gerne das ganze in den Spaw Editor (Plugin ist installiert) einbauen
(d.h. wenn ich ein Pop-up einfüge.. das der korrekte Aufruf erfolgt...)

hmmm aber ich bin eben blond..


ach ja noch etwas...

mal ein LOB an alle Pragmamx Experten hier

95% aller Probleme konnten durch lesen des Forums hier, von mir gelöst werden...

die restlichen 5% verbleiben im Spaw Editor... :mad2:


Gruß

Banjo...