2010-08-01
Hauptmenü
externe Links
Meist gelesen
Support

Wenn Sie die Erweiterungen und Scripts auf diesen Seiten nützlich finden, freue ich mich über Ihre Unterstützung. Danke!

Betrag: 

Panoramic Image Viewer Modul Installation und Verwendung
Geschrieben von: Andreas Berger   
Sonntag, den 25. Januar 2009 um 17:44 Uhr

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.

Zuletzt aktualisiert am Montag, den 24. Mai 2010 um 15:06 Uhr
 
Kommentare (19)
Panoramic Image Viewer Module
19 Sonntag, den 16. Mai 2010 um 19:18 Uhr
Michael B.

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


 


 

@Michael
Montag, den 17. Mai 2010 um 20:37 Uhr
A. Berger

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

Laufrichtung Buttonanzeige
18 Sonntag, den 16. Mai 2010 um 09:15 Uhr
Michael

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!

RE:Laufrichtung Buttonanzeige
Dienstag, den 18. Mai 2010 um 22:54 Uhr
Michael

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

@Michael
Dienstag, den 18. Mai 2010 um 20:29 Uhr
A. Berger

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

RE: Laufrichtung Buttonanzeige
Dienstag, den 18. Mai 2010 um 16:28 Uhr
Michael

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

@Michael
Montag, den 17. Mai 2010 um 20:02 Uhr
A. Berger

Hallo Michael!

Hast Du mal versucht, die Namen der Buttons zu vertauschen?

Gruß
Andreas

Class Suffix
17 Samstag, den 15. Mai 2010 um 11:01 Uhr
Michael

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

@Michael
Samstag, den 15. Mai 2010 um 11:46 Uhr
A. Berger

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

Panoramic Image Viewer Module
16 Dienstag, den 13. April 2010 um 07:33 Uhr
Ramu

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.

RE: Class Suffix
Sonntag, den 16. Mai 2010 um 09:12 Uhr
Michael

Hallo Andreas,

Danke für die Antwort, dann wartet ich mal ein paar Tage.

Gruß Michael

@Ramu
Dienstag, den 13. April 2010 um 21:06 Uhr
A. Berger

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

@Emmanuel Thomas
15 Freitag, den 19. Februar 2010 um 20:49 Uhr
A. Berger
Hi Emmanuel!

No, up till now the only way to do so is to stitch the images together offline.

Best regards
Andreas
Multiple images in panoramic module
14 Freitag, den 19. Februar 2010 um 07:58 Uhr
Emmanuel Thomas
Thank you for the assistance i found that the module works fine but i have something can i have more than image in panoramic module?
@Mani
13 Dienstag, den 15. Dezember 2009 um 20:36 Uhr
A. Berger
Hallo Mani!

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
Bilder einfügen
12 Dienstag, den 15. Dezember 2009 um 14:17 Uhr
Mani
Hallo,

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
@erick
11 Montag, den 05. Oktober 2009 um 18:52 Uhr
A. Berger
Hi erick!

No, up till now each entity is limited to one panorama.

Best regards
Andreas
great tool but...
10 Donnerstag, den 01. Oktober 2009 um 21:20 Uhr
erick
Hello!
This tool is almost perfect.
Is there a posibility to view several images in the same way?
Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 31 Gäste online
Neueste Beiträge