Eigene Bildergalerie - nPage.de

Langer · #1 (**permalink**) 25.03.2012, 16:25

Hallo,

Ich habe eine andere Bildergalerie, als die hier auf npage. Auf meinem Rechner funktioniert sie.
Ich habe ein zusätzliches Style, wo auch die JS's drin stehen. Problem: Die starten hier einfach nicht!
Den html-Teil habe ich auf eine Textseite geschrieben.
Style:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Paul und Pauline</title>

<link rel="stylesheet" href="http://file1.npage.de/011096/49/html/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://file1.npage.de/011096/49/html/prototype.js"></script>
<script type="text/javascript" src="http://file1.npage.de/011096/49/html/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="http://file1.npage.de/011096/49/html/lightbox.js"></script>

<style type="text/css">
body{ text-align:center; background-color:#131f47; color:#a48525; font-family: 'Times New Roman', verdana, Helvetica, Tahoma, sans serif, arial; }
h1{ font-family: 'Times New Roman', verdana, Helvetica, Tahoma, arial; font-size: 3em; font-weight:bold; letter-spacing:0.3em; text-decoration: underline; }
h2{ font-family: 'Times New Roman', verdana, Helvetica, Tahoma, arial; font-size: 1,2em; font-weight:bold; }

</style>

</head>
<body>

html-Seite:

<h1>Bildergalerie</h1>
<h2>Paul und Pauline...Zum Start bitte ein Bild anklicken.</h2>

<a href="http://file1.npage.de/011096/49/bilder/dscn2237-1-g.jpg" rel="lightbox[Paul und Pauline]" title="Schwan Paul...Er hat sich gerne fotografieren lassen."><img

src="http://file1.npage.de/011096/49/bilder/dscn2237-1-k.jpg" alt="" /></a>

<a href="http://file1.npage.de/011096/49/bilder/dscn2256ph-2-g.jpg" rel="lightbox[Paul und Pauline]" title="Schwan Paul mit dem einzigen Küken."><img

src="http://file1.npage.de/011096/49/bilder/dscn2256ph-2-k.jpg" alt="" /></a>

<a href="http://file1.npage.de/011096/49/bilder/dscn2378-3-g.jpg" rel="lightbox[Paul und Pauline]" title="Das Küken...Doch Mutter Pauline ist stets in der Nähe."><img

src="http://file1.npage.de/011096/49/bilder/dscn2378-3-k.jpg" alt="" /></a>

Die Adresse der Textseite ist dann auf meiner HP: http://neues-design-testseite.npage.de/ unter der Galerie: Paul und Pauline verlinkt, im neuen tab.

Wieso laufen die js`s nicht?

Gruß Clemi

bolivien · #2 (**permalink**) 25.03.2012, 17:34

Ich habe noch keine endgültige Lösung für dein Problem. Zwei Dinge sind mir aufgefallen:

ein von NPage automatisch eingebautes Script produziert einen Fehler,

Zitat:

Fehler: document.getElementsByTagName("base")[0] is undefined
Quelldatei: http://neues-design-testseite.npage.de/_index.html
Zeile: 53

Möglicherweise läuft dadurch das von dir eingebaute Script nicht korrekt. Wenn das die Ursache ist, dann kannst du wenig tun, das kann nur durch Npage beseitigt werden.

Ganz zu Anfang des Lightbox-Scriptes (lightbox.js) gibt es folgenden Code:

Code:

LightboxOptions = Object.extend({     
 fileLoadingImage:        'images/loading.gif',
 fileBottomNavCloseImage: 'images/closelabel.gif',

Die Verweise zu den beiden Grafiken müssen angepasst werden, etwa

Code:

http://file1.npage.de/011096/49/bilder/loading.gif'
http://file1.npage.de/011096/49/bilder/closelabel.gif'

Langer · #3 (**permalink**) 25.03.2012, 18:01

Hallo Bolivien,

Danke sehr für Deine Bemühungen!

Ja, ich hatte da ja auch schon mal hinein geschaut, und habe es gesehen. Da habe ich mich erinnert, daß es hier auch (wahrscheinlich aus dem selben Grund) nicht möglich ist, einen Videoplayer zu installieren. .swf und Javasriptdateien müssen in einem Ordner sein. Das geht wegen dieser dämlichen Trennung hier nicht.

Eine absolute Adresse, so wie Du es in Deinem Antwortposting gezeigt hast, wird mit diesem script so nicht gehen. Aber ich versuche mal über eine Art wie: /Ordner/Dateiname es einzubauen.
Auf meinem Rechner sind alle benötigten Dateien in einem Ordner. Und so muß es laut Anbieter auch sein. Mal sehen,...

Gruß Clemi

Nachtrag: Zu Deinem 1. Punkt: Das ist von dem Javascript, welches ich für meine Navigation benötige. Hat nichts mit dem JS für die Bildergalerie zu tun. Im 2.ten Punkt habe ich die erforderlichen Images auch in den Ordner "images" gespeichert. Leider kein Erfolg. Alle Dateien... js, html, gifs, jpgs, und css müssen in einem Ordner sein!

bolivien · #4 (**permalink**) 25.03.2012, 18:23

Zitat:

Zitat von Langer

Eine absolute Adresse, so wie Du es in Deinem Antwortposting gezeigt hast, wird mit diesem script so nicht gehen.

Nach meinen Erfahrungen in so einem Fall schon

Zitat:

Zitat von Langer

Aber ich versuche mal über eine Art wie: /Ordner/Dateiname es einzubauen.

Das wird nicht gehen

HTML-Laie · #5 (**permalink**) 25.03.2012, 18:34

Hier mal eine grobe Anleitung für die Lightbox: Lightbox auf nPage

MfG
Hape

Dietmar · #6 (**permalink**) 25.03.2012, 18:45

die lightbox läuft auf npage ohne probleme. sie muss nur sauber eingebaut werden. habe sie nicht auf meiner seite sondern auf paar anderen seiten eingebaut.

Zitat:

rel="lightbox[roadtrip]"
das rote markierung ist ein fehler. der grüne code ist richtig.

Langer · #7 (**permalink**) 25.03.2012, 19:39

Hallo und Guten Abend,

@Bolivien und @HTML-Laie:
Bin schon dabei gewesen aus den lightbox.js, lightbox.css die Links zu ersetzen.
Habe auch sie auch schon neu hochgeladen. Doch wenn man eine Datei löscht, und unter dem gleichen Namen die dann geänderte Datei wieder hochlädt, dauert es, bis das System die überschreibt.

Danke auch für die Anleitung. Bis auf die Linkänderungen hatte ich es ja schon. Mal sehen, ob es später oder morgen klappt. Ist schwer für mich, da ich kein Editor habe, und so den code immer hintereinander lesen muß. Dauert eben etwas länger und ist ermüdent.

@Dietmar: Vielen Dank, so weiß ich wenigstens, daß es anscheinend gehen muß. Das mit dem "rel=" ist kein Fehler. Das in der eckigen Klammer ist nur wichtig, wenn es mehrere Bilder für ein Thema gibt. Oder kommt dieser Name auch in den javasript-Dateien vor? Dann muß ich es ändern. Aber ich glaube es nicht, weil die Galerie so auch auf meinem Rechner läuft...Nur hier nicht...bisher.

Gruß Clemi

Dietmar · #8 (**permalink**) 25.03.2012, 19:47

hab es, damit es einfacher ist als ganzes markiert. schau mal hier. ist in englisch, aber es erklärt sich auch so.
Lightbox 2

Langer · #9 (**permalink**) 25.03.2012, 20:01

Hallo Dietmar,

Danke, ich kenne die Seite. Da hab ichs auch her.

Wenn Du den "rel"-Ausdruck meinst? Das mit dem "roadtrip" ist da nur ein Beispiel. Du kannst auch jedes andere Wort dafür einsetzen. Das Wort ist für eine verwandte Bilderreihe. Daher ist nur darauf zu achten, das das Wort bei jedem Bild dieser Reihe gleich ist.

Da habe ich auch noch etwas von "<body onload" gesehen. Weiß nicht, ob ich es einsetzen muß und wenn, wo?
Erst mal muß das npage-System meine neu hochgeladene css und js-Datei akzeptieren. Dann kann ich weiter machen.

Gruß Clemi

bolivien · #10 (**permalink**) 25.03.2012, 21:20

@Langer:Eigentlich sehe ich das auch so wie du, aber eventuell darf es nur ein Wort sein. Mal testen!