|
Eine Schritt für Schritt Anleitung für Installation und Verwendung des bretteleben.de Panoramic Image Viewer Moduls.
Installation
1.) In die Administrationsoberfläche einloggen

2.) Den Menüpunkt "Erweiterungen" > "Installieren/Deinstallieren" auswählen

3.) Die Paketdatei mit dem bretteleben.de Panoramic Image Viewer Modul auswählen

4.) Auf "Hochladen und Installieren" klicken

5.) Wenn alles geklappt hat, erhält man die Meldung "Modul erfolgreich installiert"

Bildordner
Damit man mit dem Modul etwas anfangen kann, brauchen wir das Panoramabild. Dieses legen wir in einem Ordner innerhalb der Joomla! Installation ab. Im Beispiel erzeugen wir den Unterordner im Ordner /images/stories.
1.) Den Menüpunkt "Site" > "Medien" auswählen

2.) Hier in den Ordner "Media" > "stories" wechseln

3.) Einen neuen Unterordner für das Bild anlegen. Im Beispiel wähle ich dafür den Namen "panorama".

4.) In den neu angelegten Ordner wechseln.

5.) Und hier die Bilddatei hochladen. Im Beispiel ist das die Datei panorama.jpg.

Konfiguration und Verwendung
1.) Den Menüpunkt "Erweiterungen" > "Module" auswählen

2.) Das "Panoramic Image Viewer Modul" suchen und anklicken

3.) Der erste Parameter ist der Pfad zum Ordner, in dem das Bild abgelegt ist - beginnend mit dem Joomla! Rootverzeichnis. Der Pfad zum Joomla! 1.5 Default-Bilderverzeichnis /images/stories/ wird vom Module bereits vorgeschlagen und ist entsprechend zu ergänzen oder abzuändern. In unserem Beispiel ist das also /images/stories/panorama/.

Hätten wir im Ordner panorama noch einen Unterordner "verschiedene" und dort unser Bild, dann wäre die Eingabe "/images/stories/panorama/verschiedene/"
4.) Der nächste Parameter ist der Dateiname des Bildes, in unserem Fall "panorama.jpg"

5.) Jetzt legen wir die Breite des Panoramas in Pixel fest ...

6.) ... und die Höhe des Panoramas in Pixel.

Ein höheres Bild wird entsprechend dieser Angabe im Browser skaliert. Es empfiehlt sich aber, das Panorama möglichst offline auf die gewünschte Höhe zu skalieren, da man so die bestmögliche Qualität mit der kleinstmöglichen Datei erzielt.
7.) Der Parameter "Scroll Speed" setzt das Timeout zwischen zwei Bewegungsschritten in Millisekunden. Kleiner ist hier schneller.

8.) "Scroll step" legt fest, um wieviele Pixel das Bild bei jedem Schritt verschoben werden soll. Je größer der Wert, desto schneller die Bewegung, je kleiner, desto flüssiger.

9.) "Start at pageload" legt fest, ob das Panorama beim Laden der Seite automatisch starten soll, oder ob Navigationselemente angezeigt werden.

10.) Startet man automatisch, dann kann man hier festlegen, ob nach links oder rechts.

11.) Werden Navigationselemente angezeigt, dann kann man hier festlegen, ob Textlinks oder Bilder verwendet werden sollen.
 Das Modul installiert im Ordner (Joomla-Installation)/module/mod_bepiv/tmpl automatisch die Dateien left.png und right.png. Passen sie nicht zum Template, dann kann man sie durch zwei eigene Bilder ersetzen.
12.) Panorama link: Hier kann das Panorama verlinkt werden. Anzugeben ist der komplette Link inklusive Protokoll. z.B.: http://www.bretteleben.de
 Bleibt der Parameter leer, dann wird kein Link erzeugt.
13.) Bei "Panorama link title" kann für den soeben eingegebenen Link ein eigener Titel angegeben werden. z.B.: bretteleben.de
 Hat man unter 12.) keinen Link angegeben, dann wird ein hier eingegebener Titel als Alt- und Titel-Attribut des Panoramabildes verwendet.
14.) "Target for link - if set" legt fest, ob ein angegebener Link im selben Fenster (Top) oder in einem neuen Fenster (Blank) geöffnet werden soll.

15.) Unter dem Reiter "Erweiterte Parameter" findet sich der Parameter "Modul-Klassen-Suffix" der es erlaubt, für dieses Modul eine spezifische CSS Klasse festzulegen.

16.) Als nächstes wird der Titel des Moduls angepasst und festgelegt, ob er angezeigt werden soll.

17.) Das Modul aktivieren.

18.) Die gewünschte Position festgelegen.

19.) Jetzt noch die Menüpunkte auswählen, bei denen das Modul angezeigt werden soll ...

20.) ... speichern und fertig.

Das wars, viel Spass mit dem Modul!
Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.
Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer. |
hallo, ich arbeite zwar schon seit einiger seit mit Joomla 1.5, jedoch gelingt es mir nicht den Panoramic Image Viewer Module zum laufen zu bringen.
Die Installation funktionierte problemlos. Auch die Einstellungen im Modul bin ich Schritt für Schritt durchgegangen.
Jedoch zeigt die Website mein ausgewähltes "Pano" im Vollformat an und das gleich 3x untereinander...
Was mache ich falsch? Oder kann es sein, dass das Modul nicht mit jedem Template arbeitet?
Bitte um Hilfe.....
Hier noch der Link zur besagten Seite.....
www.fincaaustria.com/fincaaustria
lg Michael
Hallo Michael!
Nicht böse sein, aber Typen wie Dir helfe ich aus Prinzip nicht! Ich sitze bei Nieselregen und gefühlten 10 Grad in Wien und Du quälst mich mit Bilder aus Costa Rica! :)
Nein, im Ernst: Du bist mittlerweilen ja offensichtlich schon einige Schritt weiter. Was jetzt noch zu bleibt, ist das Stylesheet Deines Templates entsprechend anzupassen. Es legt für die Modulposition an der Du das Panorama anzeigen willst eine Höhe von 40 Pixel fest und definiert die Ausrichtung mit align:right.
Das align:right solltest Du entfernen oder auskommentieren und die Höhe an Dein Panorama anpassen. Dann sieht das Ganze gleich wesentlich freundlicher aus.
"/fincaaustria/templates/pa_yellowfashion/css/template.css"
vorher:
#menu1 {
background: url(../images/menu.gif) repeat-x;
color: #000000;
font-weight: bold;
height: 40px;
padding: 10px 10px 0 0;
margin: 0;
text-align: right;
}
nachher:
#menu1 {
background: url(../images/menu.gif) repeat-x;
color: #000000;
font-weight: bold;
height: 275px;
padding: 10px 10px 0 0;
margin: 0;
/*text-align: right;*/
}
Gruß
Andreas
Ich weis nicht was ich gemacht habe, aber nach dem austauschen der Buttons hat sich die Laufrichtung der Button geändert.
"" läuft jetzt nach links.
Wie kann ich das austauschen?
Danke!
Hallo Andreas,
okay deine Einstellung kann ich akzeptieren und damit ist das Problem gelöst.
Ich bin nur etwas anderes gewöhnt. Habe Ein Panoramaprogramme gekauft. Wiedergabe entweder im Quicktime-Player oder in Flash. Und da läuft das Bild genau der Pfeilvorgabe. Z.B. rechter Button zeigt nach RECHTS und Bild läuft nach rechts.
Ich wollte es nun mal auf einer bestimmten Seite ohne die Zusatz-Adons anwenden.
Da kam mir deine Idee genau richitig. Ist ein Super Modul und auch Plugin.
Ich habe nun die Buttons ausgetauscht. Dann läuft das Bild (meiner Einstellung) wenigstens in der Pfeilrichtung und behalte dein Modul in der Website bei. Gefällt mir!
Mache bitte weiter mit der Entwicklung. Bin gespannt auf die Änderung mit dem Suffix.
Best Grüße
Michael
Hallo Michael!
Wenn das Panorama auf meiner Seite "falsch" läuft, dann erklärt das Dein Problem. Das Panorama hier ist nämlich nie anders gelaufen. Ich bin ein bescheidener Mensch und gehe davon aus, dass sich - wenn ich im Freien stehe - nicht die Welt um mich dreht, sondern ich mich drehen muss, um mehr zu sehen. Mit dem Pfeil nach rechts schaue ich weiter nach rechts (i.e. das Bild bewegt sich nach links) und umgekehrt.
Das war schon immer so - und zwar auch bevor Du die Pfeile ausgewechselt hast.
Gruß
Andreas
Deine Button sahen so aus Linke Seite: "" rechts. Klick auf rechts dann lief das Bild auch nach rechts.
So sehen meine Grafiken auch aus.
Nachdem ich die Namen der Grafikdatei geändert habe, sehe die Button so aus:
Linke Seite: ">" mitte "<" rechts. Klicke ich jetzt auf den rechten Button läuft das Bild in Pfeilrichtung nach links.
Übrigens bei dir läuft das Bild (oben rechts) auch entgegengesetzt der Pfeilrichtung der Buttons.
Gruß Michael
Hallo Michael!
Hast Du mal versucht, die Namen der Buttons zu vertauschen?
Gruß
Andreas
Hallo,
gibt es eine Möglichkeit "Modul Class Suffix" einzubauen?
Ich habe in dem Modul nicht gefunden. Das Suffix möchte ich gerne bei meinem Template verwenden.
Danke
Hallo Michael!
Naja, Du kannst das entweder selbst in der XML-Datei nachrüsten (ist kein Problem, Google findet dazu sicher einige Anleitungen) oder mir ein paar Tage Zeit geben, dann aktualisiere ich die Seiten für das Modul und lade das Update hoch, das ohnehin schon seit einiger Zeit hier herumfliegt und das (neben der Unabhängigkeit von Mootools) genau diese Funktionalität mitbringt.
Gruß
Andreas
The Module is working fine........But Is it restricted to one image..?
or can we scroll more than one image...? if it is, let me knw. Thanks.
Hallo Andreas,
Danke für die Antwort, dann wartet ich mal ein paar Tage.
Gruß Michael
Hi Ramu!
It is created with 360 degree panoramas in mind and due to the fact the a circle only has 360 degrees - yes, only one image possible. If you want to use mor than one image, at the moment the only possiblity is to stich them together offline.
Best regards
Andreas
No, up till now the only way to do so is to stitch the images together offline.
Best regards
Andreas
Nein, bislang ist nur 1 Bild möglich (ausgehend von meiner bequemen Annahme dass in einen 360 Grad Kreis nur ein 360 Grad Panorama passt :))
Gruß
Andreas
wollte fragen ob es möglich ist mehrer bilder zu verwenden und diese jeweils einzel zu verlinken ?
freundliche grüße.
Modul hat super geklappt einwandfrei einfach top!
5 sterne
No, up till now each entity is limited to one panorama.
Best regards
Andreas
This tool is almost perfect.
Is there a posibility to view several images in the same way?