[Provis. GELÖST] Lightbox

antibart · Post by **antibart** » Fri Jul 23, 2010 5:37 am

Irgendwie hab ich gerade was am Hirn.

Lightbox 1.0.1
CMSMS 1.8.1
CGextensions 1.19

Eingebaut wie immer.

Header

....
<head>

{LightBox action='css'} 
{LightBox action='js'} 
<title>{sitename} - {title}</title>


{metadata}
{stylesheet}

....

Im Editor:

Code: Select all

<ul>
<li>{LightBox image="/uploads/images/28x2_home.jpg" thumb="uploads/images/thumbs/28x2_home_thumb.jpg" title="Startseite 28mal2 Bürogemeinschaft" name="group" addtext='alt="Startseite 28mal2 Bürogemeinschaft" width="67" height="40" style="border: 1px solid #000000;" '}</li>

....

Ausgabe im Quelltext sieht auch OK aus

Code: Select all

<link rel="stylesheet" href="http://neu.domain.de/schroe/modules/LightBox/css/lightbox.css" type="text/css" media="screen" />
 
<!-- debug: dir = http://neu.domain.de/schroe/modules/LightBox -->
<!-- debug: lbdir = http://neu.domain.de/schroe/modules/LightBox -->
<__script__ type="text/javascript">
var fileLoadingImage = "modules/LightBox/images/loading.gif";
var fileBottomNavCloseImage = "modules/LightBox/images/closelabel.gif";
var overlayOpacity = 0.8;
var animate = true;
var resizeSpeed = 7;
var borderSize = 10;
var imgMaxWidth=1200;
var saveImage=true;
</__script>
<__script__ src="modules/LightBox/js/prototype.js" type="text/javascript"></__script>
<__script__ src="modules/LightBox/js/scriptaculous.js?load=effects" type="text/javascript"></__script>
<__script__ src="modules/LightBox/js/lightbox.js" type="text/javascript"></__script>

Code: Select all

ul>
<li><a href="http://neu.domain.de/schroe/uploads/images/28x2_home.jpg" title="Startseite 28mal2 Bürogemeinschaft" rel="lightbox[group]"><img src="uploads/images/thumbs/28x2_home_thumb.jpg" alt="Startseite 28mal2 Bürogemeinschaft" width="67" height="40" style="border: 1px solid #000000;"/></a>
</li>

Aber: keine Lightbox .. die Bilder werden nur normal im Browser angezeigt.

Ich bilde mir sogar ein, dass es am Anfang bei einem Kurztest noch ging ...

Ich habe keinen blassen Schimmer, was mir da widerfährt. Kann jemand besser gucken als ich?

antibart · Post by **antibart** » Fri Jul 23, 2010 7:02 am

Ich habe mal was getestet.

Dieses Projekt ist im Wesentlchen ein Versions-Update von Version 1.4 (oder so) auf 1.8.1 ...

Module und Inhalte bleiben die gleichen. Statt ein update durchzuführen, habe ich eine Parallelinstallation in einem anderen Ordner unter einer Testdomain gemacht, die ich nach Beendigung mit der Domain verknüpfe . Und dort eben 1.8.1 und die neuesten Versionen aller Module installiert. Von Lightbox gibt es noch keine neuere Version.

Nachdem ich testweise den Headercode per Hand eingegeben habe (statt js/css-Tag) und alle JS/CSS-URLs auf die alte1.4- Version der Seite referenzierte habe, funktionierte es - obwohl es sich um exakt die identischen Dateien handelt - nur eben an verschiedenen Orten.

Also drei Fragen:

1. Ist die Lightbox evtl nicht 1.8.1 bzw phph5-fähig?

2. Hat das Module eventuell probleme damit, dass es es sich bei der Testinstallation um eine subdomain handelt und findet daher die javascripte nicht?

3. Braucht es außer CGExtensions evtl noch ein anderes Modul?

NaN · Post by **NaN** » Fri Jul 23, 2010 9:12 am

antibart wrote:
1. Ist die Lightbox evtl nicht 1.8.1 bzw phph5-fähig?

Halte ich für unwahrscheinlich, da es sich ja größtenteils nur um Javascripte handelt.
Außerdem scheint ja die Ausgabe des Moduls zu funktionieren wie man Deinem Quelltext entnehmen kann.

antibart wrote:
2. Hat das Module eventuell probleme damit, dass es es sich bei der Testinstallation um eine subdomain handelt und findet daher die javascripte nicht?

Das halte ich für eher wahrscheinlich, da es in der Vergangenheit z.B. auch beim TinyMCE mal zu Problemen geführt hatte.

antibart wrote:
3. Braucht es außer CGExtensions evtl noch ein anderes Modul?

Nicht dass ich wüsste.
Schau doch mal in der Lightbox.module.php was bei der Funktion GetDependecies() steht.

Wie sind denn die Datei-Zugriffsrechte für die Javascrippte?
Was sagt denn die Fehlerkonsole im Browser?

antibart · Post by **antibart** » Fri Jul 23, 2010 9:28 am

NaN wrote:

Wie sind denn die Datei-Zugriffsrechte für die Javascrippte?
Was sagt denn die Fehlerkonsole im Browser?

1. Wie immer : 644 und für Ordner 755

2 Warnung: Fehler beim Verarbeiten des Wertes für 'filter'. Deklaration ignoriert.
Quelldatei: http://neu.domain.de/schroe/modules/Lig ... ghtbox.css
Zeile: 111

Warnung: Unbekannte Eigenschaft '-moz-opacity'. Deklaration ignoriert.
Quelldatei: http://neu.domain.de/schroe/modules/Lig ... ghtbox.css
Zeile: 112

Sonst nix weiter. Aber diese lightbox css-eigenschaften werden immer bemotzt.

NaN wrote: Schau doch mal in der Lightbox.module.php was bei der Funktion GetDependecies() steht.

=>CGExtensions 1.8 ....

Gleich oder größer - meine ist größer und sollte funktioniern. Wird ja auch nichts bemeckert.

Also abwarten, bis das mit der Domain verbunden ist.

antibart · Post by **antibart** » Fri Jul 30, 2010 1:58 pm

ich kapiers nicht. ich es jetzt mit der domain verbunbden,, etliche versionen von cgextensions getestet, alle zwischenspeicher immer gelöscht... die lightbox will dort nicht... die fehlerkonsole sagt auch nichts weiter.

... ich weiß gerade nicht weiter ...

NaN · Post by **NaN** » Fri Jul 30, 2010 2:16 pm

Was passiert denn, wenn Du mal die Links zu den Javascripten selber aufrufst?
Hast Du noch weitere Javascripte im Template?
Möglicherweise verträgt sich da ja was nicht.

antibart · Post by **antibart** » Fri Jul 30, 2010 2:33 pm

NaN wrote: Was passiert denn, wenn Du mal die Links zu den Javascripten selber aufrufst?

Hab ich schon versucht. Das seltsamste ist auch: Wenn ich die Links im Head zu den identischen dateien in der "Parallelinstallation" verlinke, dann geht es.

also:

Code: Select all

<__script__ src="modules/LightBox/js/lightbox.js" type="text/javascript"></__script>

geht nicht

Code: Select all

<__script__ src="http://www.alteseite.de/modules/LightBox/js/lightbox.js" type="text/javascript"></__script>

ghet

NaN wrote:
Hast Du noch weitere Javascripte im Template?
Möglicherweise verträgt sich da ja was nicht.

Ja - aber erst seit gestern. Und wenn ich sie jetzt testweise raunehme, ändert es leider nichts. Ich bin komplett ratlos. Zumal ich ständig mit dieser Lightbox arbeite ud sich ja nicht mal die Version seit zwei Jahren geändert hat.

antibart · Post by **antibart** » Fri Jul 30, 2010 2:52 pm

OK, ich hab es ...

Allerdings bin ich etwas verwirrt.

Das Lightbox-Module erstellt alle Pfade (außer css) relativ, was bisher auch noch nie Probleme machte. Hier scheinbar schon.

Ich habe jetzt die Pfade noch mal per Hand - also ohne Tag eingefügt - und die Pfade absolut mit kompletter Domain eingegeben.

Das funktioniert. Aber warum?

NaN · Post by **NaN** » Fri Jul 30, 2010 3:53 pm

was sagt denn das base tag im head?

antibart · Post by **antibart** » Mon Aug 02, 2010 3:28 am

NaN wrote:
was sagt denn das base tag im head?

Code: Select all

<base href="http://www.meine-domain.de/" />

Die Lightbox-JS stehen in der Reihenfolge allerdings VOR dem Base-Tag.

cyberman · Post by **cyberman** » Mon Aug 02, 2010 10:36 am

Auch bei der Alt-Installation?

NaN · Post by **NaN** » Mon Aug 02, 2010 10:38 am

antibart wrote:
Die Lightbox-JS stehen in der Reihenfolge allerdings VOR dem Base-Tag.

Genau das könnte das Problem sein.
Was passiert denn, wenn Du die Base-Angaben mal weglässt oder die Javascripte (mit relativem Pfad) nach dem Base Tag einfügst?

Ich persönlich würde die Javascripte hinter den Stylesheets platzieren, da manche Scripte oftmals auf CSS Selektoren zugreifen, deren Stylesheets noch garnicht geladen sind. Das führt beim Laden der Seite oft zu unerwünschten Effekten (wie z.B. dass man für einen kurzen Moment die Seite ohne Styles sieht). Das nur mal so am Rande.

antibart · Post by **antibart** » Tue Aug 03, 2010 7:19 am

cyberman wrote: Auch bei der Alt-Installation?

Das weiß ich nicht mehr (nun gelöscht) ...

Aber ob die Reihenfolge der Grund ist, lässt sich ja schnell rasukriegen.

Ich probiere es einfach mal ... nur so zur Abklärung.

EDIT:

Die Reihenfolge spielt eine Rolle. Mir aber noch nicht klar, welche.

1. Ich habe die JS rausgenommen und dafür die Lightbox-Tags nach title , css und metadata eingefügt.

2. Danach wollte ich den alten Zustand wiederherstellen und habe die manuellen JS-Verweise mir komplettem Pfad wieder eingefügt: ging auch nicht mehr.

Ich musste also die vorige Reihenfolge wiederfinden. Zur Info: Für einen Effekt auf der Startseite sind noch zwei Verweise auf ein anderes JS und eine php-datei vorhanden. Auch dessen Position scheint eine Rolle zu spielen.

So ging es dann wieder:

Code: Select all

1. head
2. lightbox-css
3. lightbox js
4. externe js für startseite
5. title
6. metadata
7. eigene css
8. literal mit manuell eingebundenen js für die lightbox-grundeinstellungen.

... füge ich beispielsweise die externen, zusätzlichen js-verweise NACH metadata, base-tag und css - also direkt vor literal ein - geht die lightbox nicht mehr.

NaN wrote: Was passiert denn, wenn Du die Base-Angaben mal weglässt oder die Javascripte (mit relativem Pfad) nach dem Base Tag einfügst?

Ehrlich gesagt, muss ich hier mal passen. Es befindet sich gar kein base-tag im Template - er wird aber im Quelltext ausgeführt. Direkt zwischen Title und metadata. ???

...

PS: vielleicht noch interessant zu erwähnen, dass die meisten Provider, bei denen meine Kunden immer so hosten, noch nicht auf die PHP.5.2 umgestellt haben, sondern irgendwo bei 5.xx hängen.

NaN · Post by **NaN** » Tue Aug 03, 2010 9:32 am

Die PHP Version sollte hier keine Rolle spielen.

Das Base Tag kommt zusammen mit {metadata}.
Mit dem Parameter showbase=false (oder so ähnlich; schau mal in die Tag-Hilfe) kann man die Ausgabe des Base-Tags abschalten.

Was für externe Scripte bindest Du denn ein?
Vielleicht vertragen die sich ja nicht.
Wie ich sehe verwendet Lightbox Prototype.
Wenn die anderen Scripte ebenfalls auf Prototype, jQuery oder irgendein anderes Framework aufbauen, kann es da zu Konflikten kommen.
Die lassen sich aber in der Regel durch eine einfache Javascript-Anweisung umgehen.
Poste doch mal den kompletten Header.

antibart · Post by **antibart** » Tue Aug 03, 2010 11:04 am

Es benutzt JQuery ...

Mit den kompletten Pfaden gibt es ja keine Konflikte mehr.

Hier aber gern der Header

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<link rel="stylesheet" href="http://www.domi.de/modules/LightBox/css/lightbox.css" type="text/css" media="screen" />
<__script__ src="http://www.domi.de/modules/LightBox/js/prototype.js" type="text/javascript"></__script>
<__script__ src="http://www.domi.de/modules/LightBox/js/scriptaculous.js?load=effects" type="text/javascript"></__script>
<__script__ src="http://www.domi.de/modules/LightBox/js/lightbox.js" type="text/javascript"></__script>
<__script__ src="js/jquery-1.4.2.min.js" type="text/javascript"></__script>
<__script__ src="js/funktion.php" type="text/javascript"></__script>

<link href='http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css' />


<title>{sitename} - {title}</title>
{metadata}
{stylesheet}

{literal}
<__script__ type="text/javascript">
var fileLoadingImage = "http://www.domi.de/modules/LightBox/images/loading.gif";
var fileBottomNavCloseImage = "http://www.domi.de/modules/LightBox/images/closelabel.gif";
var overlayOpacity = 0.8;
var animate = true;
var resizeSpeed = 7;
var borderSize = 10;
var imgMaxWidth=800;
var saveImage=true;
</__script>

<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
        var nw="auto",w=document.documentElement.clientWidth;
        if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

</head>

CMS Made Simple Forums

[Provis. GELÖST] Lightbox

[Provis. GELÖST] Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox

Re: Lightbox