Hi Folx!
Nachdem ich einem Bekannten erfolgreich bei der Installation und Einrichtung der Lightbox für die Coppermine helfen konnte und auch versprochen habe, die Lösung zu schreiben, bitteschön. Hier für jeden einmal die komplette Vorgehensweise, wie sie funktioniert (zumindest bei Fred, Toby und mir). Wenn man sich Schritt für Schritt an dieses HowTo hält, kann eigentlich nichts schiefgehen.
Natürlich übernehme ich keinerlei Verantwortung, wenn das nicht funktioniert. Versteht sich wohl von selbst...
Let´s start...
Schritt 1 - Sicherung:
Sichert den kompletten Inhalt des Theme-Ordners eurer Coppermine-Galerie BEVOR ihr irgendetwas verändert, ersetzt oder hochladet!
Schritt 2 - Upload:
Mit dem ftp-Programm eurer Wahl müßt ihr die kompletten Ordner "images" und "js" samt Inhalten in den Theme-Ordner von Coppermine laden (also in den Ordner modules/Gallery/themes/dein-theme) hochladen. Die Dateien template.html, theme.php, style.css und index.html werden ebenfalls dorthin hochgeladen.
Die Ordnerstruktur muß dann wie auf dem Bild unten aussehen:
(https://forum.pragmamx.org/proxy.php?request=http%3A%2F%2Fwww.patsatanus.de%2FScreen01.jpg&hash=09c10c7d907700657ccd2cb19517bc842c839b48)
Diese Dateien sind auf jeden Fall wichtig, damit die Lightbox auch weiß, wo und wie sie arbeiten muß.
Schritt 3 - Pfade in template.html:
In der template.html müssen die Pfade eurer Seite richtig angelegt werden. In der angehängten Version sieht es so aus:
<script type="text/javascript" src="scripts.js"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/prototype.js"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://www.deine-seite.de/modules/Gallery/themes/mx-port/js/lightbox.js"></script>
Das deine-seite.de muß dementsprechend abgeändert werden.
Schritt 4 - Die style.css:
Die style.css wurde mit dem Lightbox-Code erweitert. Ab Zeile 533 gehen die Einstellungen für die Lightbox los. Dort könnt ihr Hintergrundfarben, Fenstergrößen und alles mögliche einstellen. Ein paar kleine Tipps für die individuelle Gestaltung gebe ich euch hier.
Zeile 538: Hier wird die Rahmenfarbe des Containers angegeben (background-color: #000). Ändert diesen Hex-Wert in die gewünschte Farbe, schon wird der Rahmen bunt.
Zeile 552: Damit auch der untere Rand mit den Datei-Infos und den Close-Button die gleiche Farbe hat, hier den Hex-Wert einstellen. Logischerweise sollte es der gleiche Wert sein wie in Zeile 538.
Was ganz feines verbirgt sich in der Zeile 560. Hier wird das Overlay bestimmt. Gegen Ende dieser Zeile findet ihr wieder einen Hex-Wert, wenn ihr den ändert, wird die Farbe verändert, die den Hintergrund abdunkelt, wenn ein Bild aufgeht. (Beispiel mit einem rötlich abgedunkeltem Hintergrund hier: Pat´s Galerie (http://www.patsatanus.de/modules.php?name=Gallery&act=displayimage&album=145&pos=10).
Schritt 5 - Einstellungen in der lightbox.js:
Im Ordner js findet ihr die lightbox.js. Dort kann man ab der Zeile 50 ein paar Einstellungen machen. Zum Beispiel, wie breit der Rand neben dem Bild sein soll, wie lange das Bild für den resize braucht usw. Einfach mal ausprobieren, was euch am besten gefällt.
Vorsicht! Geht nicht ans Eingemachte, sondern ändert nur die Werte oben.
Mehr fällt mir gerade nicht ein, wenn Fragen bestehen, dann fragt. Gerne helfe ich weiter, wenn ich denn kann. Und wenn ihr ein wenig ausprobiert, ist das auch ganz gut. Learning by doing!
Die benötigten Dateien für die Lightbox findet ihr als gepackte Archivdateien im Anhang. Die erste Datei enthält die template.html, die style.css, die theme.php, die index.html und den Ordner js. Die zweite Datei enthält den Ordner images.
Hoffe, euch bringt diese Anleitung etwas.
So long...
Pat
Hi,
die Datei lightbox.rar macht Probleme beim Entpacken... Unerwartetes Dateiende...
Packstes nochmal bitte ?
Liebe Grüße
Markus
Hier gibt´s die Anhänge nochmal als .ZIP.
Super Sache, Pat !
:thumbup:
Hmm :gruebel:,
bei mir will es einfach nicht!
Wie schon in dem anderen Beitrag erwähnt, läuft es bei mir local (localhost).
In der template.php habe ich also als pfad localhost ohne www und .de angegeben, kann mir jemand sagen wie Ihr das macht oder eingibt wenn es local läuft?
Das einzige was sich bei mir tut ist das es sich nicht mehr im neuen Fenster öffnet also neuer tab sondern im gleichem Fenster (Blanko mit Bild)
grüße
Javascript und Co ist alles vorhanden?
Alles vorhanden,
habe extra die Dateien von Dir genommen um sicher zu gehen!
gruß
Hmmm... das bringt mich wirklich in Grübeln. Sorry, aber spontan kann ich dir nicht erklären, warum es bei dir local nicht läuft. Hast du keine Möglichkeit, das Ding irgendwie online zu testen? Dann könnten wir sehen, ob es nur am local liegt oder ob sich irgendwo ein Fehler eingeschlichen hat.
Ich versuch es mal online, wird aber eine weile dauern!
Bis gleich!
gruß
Vergiss nicht, uns einen link zu geben...
Viel Erfolg!
hallo Pat Satanus,
ich habe es auch versucht und habe nur ein teil erfolg.
das bild das aufgehen soll ist zwar offen aber nicht zu sehen alles weiß.
und das andere, die seitenansicht von coppermine ist plötzlich schwarz.
hier mal ein screenshot wie die gallery vorher aussah.
wenn du mal schauen magst hier ist meine seite:
http://www.nuernberg-gartenstadt.de/modules.php?name=Gallery (http://www.nuernberg-gartenstadt.de/modules.php?name=Gallery)
ich nutze: Coppermine Photo Gallery 1.4.10 (stable)
kannst du mir einen rat geben, was ich falsch gemacht habe.
habe auch mal die geänderte template in den anhang.
ach ja und die seite verschiebt sich auch um circa 3cm nach unten.
aber nur auf der der bilder seite, die anderen bleiben oben.
Oh, alles klar. Das mit dem schwarz liegt an der style.css. Die habe ich für dunkle Hintergrunde angepasst. Das muß du halt auf deine früheren Einstellungen setzen (z.B. den Hex-Wert bei maintable von #000000 (schwarz) auf #FFFFFF (weiß)).
Die template scheint in Ordnung zu sein, mir fällt zumindest kein Fehler auf. Wie sieht´s mit der theme.php und der index.html aus? Wenn du magst, kann ich mal einen Blick reinwerfen.
Da bin ich wieder, habe aber noch irgendwo einen fehler!
Musste ja die Seite hochladen (server) und die DB einfügen, jetzt beim aufruf der seite bekomme ich folgenden fehler:
Warning: mysql_query(): supplied argument is not a valid MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331
line 331
$ret = mysql_query($db_string, $db_connection);
bräuchte mal eben hilfe!
gruß
Zitat von: Mainzer am 12 September 2008, 12:32:06
MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331
Scheint ein Prob im smf zu sein, wenn ich das so sehe...
Zitat von: Pat Satanus am 12 September 2008, 12:34:55
Zitat von: Mainzer am 12 September 2008, 12:32:06
MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331
Scheint ein Prob im smf zu sein, wenn ich das so sehe...
Was hat denn das Forum mit der Galerie zutun? Oder ist das ein generelles Problem, dass deine komplette Seite nicht läuft?
hallo,
ja das wäre super habe beide mal in den anhang,
die auf dem server liegen.
habe die,
Zitat.maintable {
border: 0px solid $css[backcolor_3];
background-color: #FFFFFF;
margin-top: 1px;
margin-bottom: 1px;
auf weiß gemacht bleibt aber schwarz.
muss ich noch was ändern.
Naja,
habe meine seite local angefangen zu erstellen die DB war auch local!
Nun habe ich die seite auf meine Test Domain per FTP zum Server hochgeladen und die DB eingefügt (wegen der Lightbox)
wenn ich jetzt die seite Aufrufen will bekomme ich diese Fehlermeldung!
Einfach mal hier schauen: http://www.cigomigo.de/ (http://www.cigomigo.de/)
gruß
@ goodsale
lightbox... litebox...
welches script hast du nun eingebunden ?
laut deinem Seitequelltext, alle beide...
warum ?
Hi Heinz.
Schick mir mal bitte deine ALTE style.css und deine NEUE style.css zu, dann passe ich dir kurz die Farben an.
Zu den anderen Dateien: Sowohl die theme.php, als auch index.html und template.html scheinen in Ordnung zu sein. Sie unterscheiden sich zumindest nicht von den Versionen, die laufen. Und irgendwie sehe ich bei dir verschieden Boxen (lightbox und litebox), das dürfte wohl zu Problemen führen.
@Mainzer: Da besteht ein Problem, dein smf zu erreichen, schau mal bei der Suche nach diesem Problem, es hat nicht wirklich was mit der Lightbox, bzw. der coppermine zu tun.
hi banjo,
hmm.. eine habe ich schon etwas am laufen die ist für die news und so,
da habe ich nix an der gallery gemacht. die liegt im root.
habe beide mal in den anhang
Zitat von: goodssale am 12 September 2008, 12:52:43
hi banjo,
hmm.. eine habe ich schon etwas am laufen die ist für die news und so,
da habe ich nix an der gallery gemacht. die liegt im root.
habe beide mal in den anhang
heist das,das ich mich entscheiden muss, wo ich lieber eine lightbox haben möchte, im album oder in den news??
So nochmal hier!
@Pat Satanus
Nimm mal den link hier: http://www.cigomigo.de/modules.php?name=Gallery&act=displayimage&album=random&cat=0&pos=rnd6 (http://www.cigomigo.de/modules.php?name=Gallery&act=displayimage&album=random&cat=0&pos=rnd6) der führt direkt zur Gallery!
Um das andere Problem kümmere ich mich später!
gruß
Hi !
Das verstehe ich auch nicht:
Zitat von: Mainzer am 12 September 2008, 12:32:06
Warning: mysql_query(): supplied argument is not a valid MySQL-Link resource in /html/modules/Forum/smf/Sources/Subs.php on line 331
Habe Coppermine Photo Gallery v1.4.18 + SMF 1.1.6 ohne Mods installiert, läuft einwandfrei.
:puzzled:
Habe vieleicht irgendwo einen fehler bei upload der DB gemacht mal schauen! :mad2:
Werde dieses Problem aber nocheinmal im Passendem Forum stellen!
grüßli
Zitat von: goodssale am 12 September 2008, 13:00:32
Zitat von: goodssale am 12 September 2008, 12:52:43
hi banjo,
hmm.. eine habe ich schon etwas am laufen die ist für die news und so,
da habe ich nix an der gallery gemacht. die liegt im root.
habe beide mal in den anhang
heist das,das ich mich entscheiden muss, wo ich lieber eine lightbox haben möchte, im album oder in den news??
Jo, vielleicht läuft es mit einer dritten Box? Kleiner Scherz am Rande, aber ich denke zwei von den Dingern ist zu viel des Guten, oder man baut das so ein, dass wirklich nur eine Box pro Modul läuft.
Da vermöbeln sich die Dinger bestimmt gegenseitig?
Ich selber halte von dem ganzen Javazeugs nichts, da das letztendlich nur Browserproblem bereitet und auf die Performers geht.
hi svenW,
ZitatIch selber halte von dem ganzen Javazeugs nichts, da das letztendlich nur Browserproblem bereitet und auf die Performers geht.
da hast du bestimmt recht, aber es schaut halt genial aus. :)
@Mainzer: poste mal bitte deine index.html und deine template.html.
Zitat von: goodssale am 12 September 2008, 13:20:49
da hast du bestimmt recht, aber es schaut halt genial aus. :)
Stimmt!
Und in der Coppermine ist letztendlich ja auch so ein Zeugs verbaut...
Sodele Heinz.
Die style.css klemmt unten dran. Hoffe, das passt so.
1. Welche index.html und template.html? index von der Gallery und template von dem theme der Gallery?
2. zu dem anderen Problem: habe die letzten Beiträge aus der Startseite entfernt und siehe da zumindestens kann man ganz normal öffnen, das Forum selber funz nicht, nicht tragisch ist eh noch nicht fertig und das Dauert ja!
gruß
1. Die index.html und die theme.php aus dem Theme-Ordner, in deinem Fall der Ordner mx-port.
2. Schön. Aber wie ich sehe, ist auf der Seite noch nichts los. Zudem scheint es da ein paar Probleme mehr zu geben als nur mit dem Forum, braucht für einige Dinge recht lang. Wäre es nicht besser, nochmal komplett von vorne anzufangen und dann eins nach dem anderen richtig einzubauen?
Wäre evtl. besser, ist halt meine erste PragmMX und zum Testen war es oder ist es immer noch local gut!
Los ist auf jedenfall nichts, das muß erst noch aufgebaut werden, neu neu neu :morning:
Unten mal die zwei .html datein als Anhang (Sind aber die gleichen die Du gepostet hast)
gruß
DANKE Pat Satanus,
jetzt ist es wieder weiß.
was meinst, liegt es daran das ich noch eine light box am laufen habe.
wenn die anderen daten soweit in ordnung sind könnte es nur daran liegen oder.
um es auszutesten müßte ich die andere box rausnehmmen denke ich.
werde mal drüber nachdenken.
grüße und noch mal danke für deine hilfe. :drinks:
Schäm :puzzled:
habe ja ganz vergessen den pfad zu ändern *klatsch auf die stirn*
es funzt einwandfrei!
Danke für die ganze Mühe die ich verbockt habe, schäm
gruß
Bitte Heinz, gern geschehen. Und ja, ich denke, daß sich zwei verschiedene Boxen beissen.
@Mainzer: Tzztzztztzzz... was soll ich da noch sagen. Ist meine Anleitung so schlecht geschrieben gewesen oder hast du nicht aufmerksam genug gelesen? Freut mich, daß es nun klappt, sieht ok aus.
Anleitung ist sehr gut und ausreichend beschrieben!
Habe es beim upload vergessen zu ändern, eingefallen ist es mir erst als ich die template.html hier angehängt habe :bindoof:
Danke und viele grüße aus Mainz
Zitat von: Mainzer am 12 September 2008, 14:02:07
:bindoof:
Dazu kann ich nur Cicero zitieren (wie meine Signatur halt...):
Cuiusvis hominis est errare, nullius nisi insipientis in errore perseverare.Auf deutsch: Jeder Mensch kann irren, aber Dummköpfe verharren im Irrtum!
Zitat von: Mainzer am 12 September 2008, 14:02:07
Anleitung ist sehr gut und ausreichend beschrieben!
*Anschließ*
Hm... kurze Zwischenfrage...
Kann man es irgendwie so einstellen, daß sich das Bild auch schließt, wenn man auf das Bild selber klickt?
Hi Fred!
Angeblich funktioniert das, aber ich habe es nicht zum Laufen gebracht. Mittlerweile bin ich so rangegangen, daß die Schließfunktion oben ist. Man kann ein Bild auch schließen, indem man neben das Bild klickt oder einfach die Taste X drückt.
Wenn du eine Möglichkeit findest, wie man das Bild mit einem onclick schließen läßt, gib mir bitte Bescheid.
So long...
werde ich machen :JC_highfive:
Hi,
ich nochmal!
Ich habe nun meine Seite online gestellt und die Lightbox eingebunden.
Mein problem:
next und prev wird mir nicht angezeigt!
Kann es sein das die Lightbox gar nicht weiß das es mehrere Bilder gibt?
Wenn es so ist, wie kann ich das ändern? :gruebel:
grüße
Dazu gibt es bisher noch keinen Lösungsansatz. Hab es zwar versucht, aber nicht hinbekommen. Einige Coppermine-Foren geben auch keinerlei Tipps in diese Richtung, wenn man eine andere Coppermine-Version benutzt als die von dem Forum angebotene (Zitat: "Wir unterstützen PragmaMX nicht").
Also, selber schauen, testen und hier miteinander diskutieren, dann könnten wir das Problem in den Griff bekommen.
So long...
Haaaallo,
habe hier mal einen codeschnippsel mit dem alle Bilder in der Lightbox angezeigt werden!
Das einzige was mir noch fehlt, ist das mir prev und next angezeigt werden!
Man kann oben rechts zum nächsten bild wechseln und oben links zurück zum nächsten, mir werden halt die buttons next und prev nicht angezeigt!
Testet es mal bei Euch, vielleicht findet ja einer auch dafür eine Lösung!
Also:
theme.php öffnen und den alten code
// Displays a picture
function theme_html_picture()
{
global $CONFIG, $CURRENT_PIC_DATA, $CURRENT_ALBUM_DATA, $USER;
global $album, $comment_date_fmt, $template_display_media;
global $lang_display_image_php, $lang_picinfo;
$pid = $CURRENT_PIC_DATA['pid'];
$pic_title = '';
if (!isset($USER['liv']) || !is_array($USER['liv'])) {
$USER['liv'] = array();
}
// Add 1 to hit counter
if (!USER_IS_ADMIN && !in_array($pid, $USER['liv']) && isset($_COOKIE[$CONFIG['cookie_name'] . '_data'])) {
add_hit($pid);
if (count($USER['liv']) > 4) array_shift($USER['liv']);
array_push($USER['liv'], $pid);
}
if($CONFIG['thumb_use']=='ht' && $CURRENT_PIC_DATA['pheight'] > $CONFIG['picture_width'] ){ // The wierd comparision is because only picture_width is stored
$condition = true;
}elseif($CONFIG['thumb_use']=='wd' && $CURRENT_PIC_DATA['pwidth'] > $CONFIG['picture_width']){
$condition = true;
}elseif($CONFIG['thumb_use']=='any' && max($CURRENT_PIC_DATA['pwidth'], $CURRENT_PIC_DATA['pheight']) > $CONFIG['picture_width']){
$condition = true;
}else{
$condition = false;
}
if ($CURRENT_PIC_DATA['title'] != '') {
$pic_title .= $CURRENT_PIC_DATA['title'] . "\n";
}
if ($CURRENT_PIC_DATA['caption'] != '') {
$pic_title .= $CURRENT_PIC_DATA['caption'] . "\n";
}
if ($CURRENT_PIC_DATA['keywords'] != '') {
$pic_title .= $lang_picinfo['Keywords'] . ": " . $CURRENT_PIC_DATA['keywords'];
}
if (!$CURRENT_PIC_DATA['title'] && !$CURRENT_PIC_DATA['caption']) {
template_extract_block($template_display_media, 'img_desc');
} else {
if (!$CURRENT_PIC_DATA['title']) {
template_extract_block($template_display_media, 'title');
}
if (!$CURRENT_PIC_DATA['caption']) {
template_extract_block($template_display_media, 'caption');
}
}
$CURRENT_PIC_DATA['menu'] = html_picture_menu(); //((USER_ADMIN_MODE && $CURRENT_ALBUM_DATA['category'] == FIRST_USER_CAT + USER_ID) || ($CONFIG['users_can_edit_pics'] && $CURRENT_PIC_DATA['owner_id'] == USER_ID && USER_ID != 0) || GALLERY_ADMIN_MODE) ? html_picture_menu($pid) : '';
if ($CONFIG['make_intermediate'] && $condition ) {
$picture_url = get_pic_url($CURRENT_PIC_DATA, 'normal');
} else {
$picture_url = get_pic_url($CURRENT_PIC_DATA, 'fullsize');
}
$image_size = compute_img_size($CURRENT_PIC_DATA['pwidth'], $CURRENT_PIC_DATA['pheight'], $CONFIG['picture_width']);
$pic_title = '';
$mime_content = cpg_get_type($CURRENT_PIC_DATA['filename']);
if ($mime_content['content']=='movie' || $mime_content['content']=='audio') {
if ($CURRENT_PIC_DATA['pwidth']==0 || $CURRENT_PIC_DATA['pheight']==0) {
$CURRENT_PIC_DATA['pwidth'] = 320; // Default width
// Set default height; if file is a movie
if ($mime_content['content']=='movie') {
$CURRENT_PIC_DATA['pheight'] = 240; // Default height
}
}
$ctrl_offset['mov']=15;
$ctrl_offset['wmv']=45;
$ctrl_offset['swf']=0;
$ctrl_offset['rm']=0;
$ctrl_offset_default=45;
$ctrl_height = (isset($ctrl_offset[$mime_content['extension']]))?($ctrl_offset[$mime_content['extension']]):$ctrl_offset_default;
$image_size['whole']='width="'.$CURRENT_PIC_DATA['pwidth'].'" height="'.($CURRENT_PIC_DATA['pheight']+$ctrl_height).'"';
}
if ($mime_content['content']=='image') {
if (isset($image_size['reduced'])) {
$picfull_url = get_pic_url($CURRENT_PIC_DATA, 'fullsize');
$pic_title = $CURRENT_PIC_DATA['title'];
$winsizeX = $CURRENT_PIC_DATA['pwidth']+5; //the +'s are the mysterious FF and IE paddings
$winsizeY = $CURRENT_PIC_DATA['pheight']+3; //the +'s are the mysterious FF and IE paddings
$pic_html = "<a href=\"$picfull_url\" rel=\"lightbox\" title=\"$pic_title\">";
$pic_html .= "<img src=\"" . $picture_url . "\" class=\"image\" border=\"0\" alt=\"{$lang_display_image_php['view_fs']}\" /><br />";
$pic_html .= "</a>\n";
} else {
$pic_html = "<img src=\"" . $picture_url . "\" {$image_size['geom']} class=\"image\" border=\"0\" alt=\"\" /><br />\n";
}
} elseif ($mime_content['content']=='document') {
$pic_thumb_url = get_pic_url($CURRENT_PIC_DATA,'thumb');
$pic_html = "<a href=\"{$picture_url}\" target=\"_blank\" class=\"document_link\"><img src=\"".$pic_thumb_url."\" border=\"0\" class=\"image\" /></a>\n<br />";
} else {
$autostart = ($CONFIG['media_autostart']) ? ('true'):('false');
$players['WMP'] = array('id' => 'MediaPlayer',
'clsid' => 'classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" ',
'codebase' => 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" ',
'mime' => 'type="application/x-mplayer2" ',
);
$players['RMP'] = array('id' => 'RealPlayer',
'clsid' => 'classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" ',
'codebase' => '',
'mime' => 'type="audio/x-pn-realaudio-plugin" '
);
$players['QT'] = array('id' => 'QuickTime',
'clsid' => 'classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" ',
'codebase' => 'codebase="http://www.apple.com/qtactivex/qtplugin.cab" ',
'mime' => 'type="video/x-quicktime" '
);
$players['SWF'] = array('id' => 'SWFlash',
'clsid' => ' classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ',
'codebase' => 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ',
'mime' => 'type="application/x-shockwave-flash" '
);
$players['UNK'] = array('id' => 'DefaultPlayer',
'clsid' => '',
'codebase' => '',
'mime' => ''
);
if (isset($_COOKIE[$CONFIG['cookie_name'].'_'.$mime_content['extension'].'player'])) {
$user_player = $_COOKIE[$CONFIG['cookie_name'].'_'.$mime_content['extension'].'player'];
} else {
$user_player = $mime_content['player'];
}
// There isn't a player selected or user wants client-side control
if (!$user_player) {
$user_player = 'UNK';
}
$player = $players[$user_player];
$pic_html = '<object id="'.$player['id'].'" '.$player['classid'].$player['codebase'].$player['mime'].$image_size['whole'].'>';
$pic_html .= "<param name=\"autostart\" value=\"$autostart\" /><param name=\"src\" value=\"". $picture_url . "\" />";
$pic_html .= '<embed '.$image_size['whole'].' src="'. $picture_url . '" autostart="'.$autostart.'" '.$player['mime'].'></embed>';
$pic_html .= "</object><br />\n";
}
$CURRENT_PIC_DATA['html'] = $pic_html;
$CURRENT_PIC_DATA['header'] = '';
$CURRENT_PIC_DATA['footer'] = '';
$CURRENT_PIC_DATA = CPGPluginAPI::filter('file_data',$CURRENT_PIC_DATA);
$params = array('{CELL_HEIGHT}' => '100',
'{IMAGE}' => $CURRENT_PIC_DATA['header'].$CURRENT_PIC_DATA['html'].$CURRENT_PIC_DATA['footer'],
'{ADMIN_MENU}' => $CURRENT_PIC_DATA['menu'],
'{TITLE}' => bb_decode($CURRENT_PIC_DATA['title']),
'{CAPTION}' => bb_decode($CURRENT_PIC_DATA['caption']),
);
return template_eval($template_display_media, $params);
}
mit dem hier überschreiben!
// Displays a picture
function theme_html_picture()
{
global $CONFIG, $CURRENT_PIC_DATA, $CURRENT_ALBUM_DATA, $USER;
global $album, $comment_date_fmt, $template_display_media;
global $lang_display_image_php, $lang_picinfo;
$pid = $CURRENT_PIC_DATA['pid'];
$pic_title = '';
if (!isset($USER['liv']) || !is_array($USER['liv'])) {
$USER['liv'] = array();
}
// Add 1 to hit counter
if (!USER_IS_ADMIN && !in_array($pid, $USER['liv']) && isset($_COOKIE[$CONFIG['cookie_name'] . '_data'])) {
add_hit($pid);
if (count($USER['liv']) > 4) array_shift($USER['liv']);
array_push($USER['liv'], $pid);
}
if($CONFIG['thumb_use']=='ht' && $CURRENT_PIC_DATA['pheight'] > $CONFIG['picture_width'] ){ // The wierd comparision is because only picture_width is stored
$condition = true;
}elseif($CONFIG['thumb_use']=='wd' && $CURRENT_PIC_DATA['pwidth'] > $CONFIG['picture_width']){
$condition = true;
}elseif($CONFIG['thumb_use']=='any' && max($CURRENT_PIC_DATA['pwidth'], $CURRENT_PIC_DATA['pheight']) > $CONFIG['picture_width']){
$condition = true;
}else{
$condition = false;
}
if ($CURRENT_PIC_DATA['title'] != '') {
$pic_title .= $CURRENT_PIC_DATA['title'] . "\n";
}
if ($CURRENT_PIC_DATA['caption'] != '') {
$pic_title .= $CURRENT_PIC_DATA['caption'] . "\n";
}
if ($CURRENT_PIC_DATA['keywords'] != '') {
$pic_title .= $lang_picinfo['Keywords'] . ": " . $CURRENT_PIC_DATA['keywords'];
}
if (!$CURRENT_PIC_DATA['title'] && !$CURRENT_PIC_DATA['caption']) {
template_extract_block($template_display_media, 'img_desc');
} else {
if (!$CURRENT_PIC_DATA['title']) {
template_extract_block($template_display_media, 'title');
}
if (!$CURRENT_PIC_DATA['caption']) {
template_extract_block($template_display_media, 'caption');
}
}
$CURRENT_PIC_DATA['menu'] = html_picture_menu(); //((USER_ADMIN_MODE && $CURRENT_ALBUM_DATA['category'] == FIRST_USER_CAT + USER_ID) || ($CONFIG['users_can_edit_pics'] && $CURRENT_PIC_DATA['owner_id'] == USER_ID && USER_ID != 0) || GALLERY_ADMIN_MODE) ? html_picture_menu($pid) : '';
if ($CONFIG['make_intermediate'] && $condition ) {
$picture_url = get_pic_url($CURRENT_PIC_DATA, 'normal');
} else {
$picture_url = get_pic_url($CURRENT_PIC_DATA, 'fullsize');
}
$image_size = compute_img_size($CURRENT_PIC_DATA['pwidth'], $CURRENT_PIC_DATA['pheight'], $CONFIG['picture_width']);
$pic_title = '';
$mime_content = cpg_get_type($CURRENT_PIC_DATA['filename']);
if ($mime_content['content']=='movie' || $mime_content['content']=='audio') {
if ($CURRENT_PIC_DATA['pwidth']==0 || $CURRENT_PIC_DATA['pheight']==0) {
$CURRENT_PIC_DATA['pwidth'] = 320; // Default width
// Set default height; if file is a movie
if ($mime_content['content']=='movie') {
$CURRENT_PIC_DATA['pheight'] = 240; // Default height
}
}
$ctrl_offset['mov']=15;
$ctrl_offset['wmv']=45;
$ctrl_offset['swf']=0;
$ctrl_offset['rm']=0;
$ctrl_offset_default=45;
$ctrl_height = (isset($ctrl_offset[$mime_content['extension']]))?($ctrl_offset[$mime_content['extension']]):$ctrl_offset_default;
$image_size['whole']='width="'.$CURRENT_PIC_DATA['pwidth'].'" height="'.($CURRENT_PIC_DATA['pheight']+$ctrl_height).'"';
}
if ($mime_content['content']=='image') {
if (isset($image_size['reduced'])) {
#################################################
//First part of lightbox update
$pic_html = lightbox_list($CURRENT_PIC_DATA);
//End of first part
#################################################
} else {
$pic_html = "<img src=\"" . $picture_url . "\" {$image_size['geom']} class=\"image\" border=\"0\" alt=\"\" /><br />\n";
}
} elseif ($mime_content['content']=='document') {
$pic_thumb_url = get_pic_url($CURRENT_PIC_DATA,'thumb');
$pic_html = "<a href=\"{$picture_url}\" target=\"_blank\" class=\"document_link\"><img src=\"".$pic_thumb_url."\" border=\"0\" class=\"image\" /></a>\n<br />";
} else {
$autostart = ($CONFIG['media_autostart']) ? ('true'):('false');
$players['WMP'] = array('id' => 'MediaPlayer',
'clsid' => 'classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" ',
'codebase' => 'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" ',
'mime' => 'type="application/x-mplayer2" ',
);
$players['RMP'] = array('id' => 'RealPlayer',
'clsid' => 'classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" ',
'codebase' => '',
'mime' => 'type="audio/x-pn-realaudio-plugin" '
);
$players['QT'] = array('id' => 'QuickTime',
'clsid' => 'classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" ',
'codebase' => 'codebase="http://www.apple.com/qtactivex/qtplugin.cab" ',
'mime' => 'type="video/x-quicktime" '
);
$players['SWF'] = array('id' => 'SWFlash',
'clsid' => ' classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ',
'codebase' => 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" ',
'mime' => 'type="application/x-shockwave-flash" '
);
$players['UNK'] = array('id' => 'DefaultPlayer',
'clsid' => '',
'codebase' => '',
'mime' => ''
);
if (isset($_COOKIE[$CONFIG['cookie_name'].'_'.$mime_content['extension'].'player'])) {
$user_player = $_COOKIE[$CONFIG['cookie_name'].'_'.$mime_content['extension'].'player'];
} else {
$user_player = $mime_content['player'];
}
// There isn't a player selected or user wants client-side control
if (!$user_player) {
$user_player = 'UNK';
}
$player = $players[$user_player];
$pic_html = '<object id="'.$player['id'].'" '.$player['classid'].$player['codebase'].$player['mime'].$image_size['whole'].'>';
$pic_html .= "<param name=\"autostart\" value=\"$autostart\" /><param name=\"src\" value=\"". $picture_url . "\" />";
$pic_html .= '<embed '.$image_size['whole'].' src="'. $picture_url . '" autostart="'.$autostart.'" '.$player['mime'].'></embed>';
$pic_html .= "</object><br />\n";
}
$CURRENT_PIC_DATA['html'] = $pic_html;
$CURRENT_PIC_DATA['header'] = '';
$CURRENT_PIC_DATA['footer'] = '';
$CURRENT_PIC_DATA = CPGPluginAPI::filter('file_data',$CURRENT_PIC_DATA);
$params = array('{CELL_HEIGHT}' => '100',
'{IMAGE}' => $CURRENT_PIC_DATA['header'].$CURRENT_PIC_DATA['html'].$CURRENT_PIC_DATA['footer'],
'{ADMIN_MENU}' => $CURRENT_PIC_DATA['menu'],
'{TITLE}' => bb_decode($CURRENT_PIC_DATA['title']),
'{CAPTION}' => bb_decode($CURRENT_PIC_DATA['caption']),
);
return template_eval($template_display_media, $params);
}
#################################################
//Second part of lightbox update
function lightbox_list($picId) {
################################################
//Set max number of images
$max = -1; //(-1 for all pics in album)
################################################
global $lang_display_image_php, $CONFIG;
$i = 0;
$pid = $picId['pid'];
$aid = empty($_GET['album']) ? $picId['aid'] : $_GET['album'];
$pic_data = get_pic_data($aid, $pic_count, $album_name, -1, -1, false);
$imax = 0; //counter
$max = $max/2;
foreach ($pic_data as $picture){
if ($picture['pid'] == $pid) {
//the number of the picture in order
$picnumber = $imax;
}
$imax++;
}
//Check beginning and ending of album
if(! ($max == ((-1)/2))){
if ($imax > $max){
if ($picnumber < $max || $picnumber == 0){
$down = 0;
$up = 0 + ($max*2);
}elseif (($picnumber + $max) > $imax){
$down = $imax - ($max*2);
$up = $imax;
}else{
$down = $picnumber - $max;
$up = $picnumber + $max;
}
}else{
$down = 0;
$up = $imax;
}
}else{
$down = 0;
$up = $imax;
}
foreach ($pic_data as $picture) {
if ($i >= $down && $i <= $up){
if($CONFIG['thumb_use']=='ht' && $picture['pheight'] > $CONFIG['picture_width'] ){
$condition = true;
}elseif($CONFIG['thumb_use']=='wd' && $picture['pwidth'] > $CONFIG['picture_width']){
$condition = true;
}elseif($CONFIG['thumb_use']=='any' && max($picture['pwidth'], $picture['pheight']) > $CONFIG['picture_width']){
$condition = true;
}else{
$condition = false;
}
if (is_image($picture['filename'])) {
if ($CONFIG['make_intermediate'] && $condition ) {
$picture_url = get_pic_url($picture, 'normal');
} else {
$picture_url = get_pic_url($picture, 'fullsize');
}
$picture_url_fullsize = get_pic_url($picture, 'fullsize');
$pic_title = ($picture['title'] ? $picture['title'] : strtr(preg_replace("/(.+)\..*?\Z/", "\\1", htmlspecialchars($picture['filename'])), "_", " "));
if ($picture['pid'] == $pid) {
$picList .= "<a href=\"$picture_url_fullsize\" rel=\"lightbox[list]\" title=\"$pic_title\">";
$picList .= "<img src=\"$picture_url\" class=\"image\" border=\"0\" alt=\"$lang_display_image_php[view_fs]\" /><br />";
$picList .= "</a>\n";
}else{
$picList .= "<a href=\"$picture_url_fullsize\" rel=\"lightbox[list]\" title=\"$pic_title\"></a>\n";
}
}
}
$i++;
}
return $picList;
}//End of second part
#################################################
Macht Euch aber ein backup, man weiß ja nie!
grüße aus Mainz
Hi,
next prev gelöst:
Habe in der lightbox.css die Pfadangabe so url(.../modules/Gallery/themes/ anstelle nur so url(/modules/Gallery/themes/ gehabt!
Funktioniert jetzt :morning: :cool:
gruß
edit: das einzige was mich noch stört, das nach einer weile der Cursor durch die mitte des Bildes verläuft und blinckt!
Und bei dir funktioniert das mit dem prev/next nun?
Gib mir mal einen link, damit ich das in Aktion sehen kann, denn mit genau diesem Schnippsel hat es bei mir bisher nicht funktioniert.
Sorry, ich nehme alles zurück!
Hab den Code mal mit meinem verglichen, da war schlicht und ergreifend ein Semikolon falsch gesetzt. Danke Mainzer!
Also funktioniert es bei Dir auch? :thumbup:
Jep, einwandfrei. War halt mal wieder so ein typisches "Man sieht den Wald vor lauter Bäumen nicht" Szenario. Alles beachtet, überall versucht und eine Kleinigkeit übersehen.
So, jetzt müssen wir nur noch den OnClick-Close Befehl in die Lightbox einbauen, dann dürfte es komplett sein.
Also die linke hälfte vom Bild wird für das prev genutzt, die rechte hälfte für das next!
Das schließen des Bildes geschieht ja mit dem close button oder wenn man ausserhalb des Bildes klickt!
Ich denke so wie es jetzt funzt müsste es doch langen! :gruebel:
Je mehr Du einbaust umso verwirrender wird es :puzzled:
grüßle
Naja, Liu-Kang hatte halt mal nachgefragt, ob man nicht ein OnClick einbauen könnte. Da gab´s eine Nachfrage auf seiner Community mit der Begründung, woher ein User denn wissen sollte, daß man einfach außerhalb des Bildes klicken kann, bzw. die Taste X drücken. Für mich reicht es schon so, wie es ist, hab die Close-Leiste nach oben gesetzt, damit auch jeder den Button gleich findet.
Jetzt müssen nur noch ein paar Feinheiten gemacht werden (z.B. andere Buttons für prev/next), dann passt das alles.
So long...
Hallo,
wäre einer so nett und würde alles nochmal zusammenfassen. Ich bin irgendwo drin ausgestiegen.
Interessant wären auch noch die Möglichkeiten die Lightbox zu individualisieren mit Buttons, Close-Schaltfläche etc.
Vielen Dank
Marc
Du hast recht, der Thread ist doch recht ausführlich geworden. Ich schau mal, ob ich dieses HowTo noch einmal komplett zusammenfasse und dann den Thread close, damit da keinerlei Verwirrung mehr aufkommen kann.
Gebt mir ein wenig Zeit, ich wurschtel mich mal durch.
Supi, vielen Dank schonmal. :drinks:
Hast fast alle Zeit der Welt, es juckt schon in den Fingern. :bye:
Viele Grüße
Marc
Tja,
wollte es auch vorschlagen!
Eine Zusammenfassung kannste mal machen :thumbup:
Hoi ;)
Da der Thread wieder mal zu lang und somit zu unübersichtlich geworden ist, hab ich die Zusammenfassung der super Anleitung von Pat Satanus abgetrennt und gleich mal getoppt. Weitere Fragen dann bitte in einem neuen Thread.
Die Anleitung ist nun hier zu finden: http://www.pragmamx.org/Forum-topic-27459.html