| Joomla: Panoramic Image Viewer Plugin |
| Written by Andreas Berger | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Saturday, 19 April 2008 07:47 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
The bretteleben.de "Panoramic Image Viewer" plugin for Joomla 1.5 is a simple plugin to display 360 degree images in content items. It works with JavaScript, neither flash nor any other player is required.
bretteleben.de "Panoramic Image Viewer" Plugin for Joomla 1.5The bretteleben.de Plugin Panoramic Image Viewer works with Joomla 1.5. New in Version 1.1.0:- align the panorama left-center-right Installation and UsageA step by step tutorial on installation and usage can be found at Howto Plugin .Notice before update:
Demo
CompatibilityThe plugin is tested successful with Joomla 1.5.6, 1.5.7 and 1.5.8. Anyway, using it aside with one or another existing plugin/modul/component may bring to light problems i haven't foreseen. As far as JavaScript and CSS are involved, the plugin is tested by now as follows:
LicenseThe plugin is licensed under the GNU Public License (www.gnu.org/copyleft/gpl.html). update Version: 1.1.0Version 1.1.0 - 2009-02-14- align the panorama left-center-right - choose to use text or buttons as control elements - choose to scroll left or right with autoscroll enabled - choose the starting-position of your image - use more than one panorama in one article - use more than one article with one or more panoramas on bloglayout-pages like frontpage, category, section - link the panorama - set the target for the link to top or blank Version 1.0.2 - 2008-11-07 - set CSS-Values for padding, margin and border of the panorama-image to zero per default- exchanged "onload" with "window.addEvent('load',f);" to prepare for multiple use of the event Version 1.0.1 - 2008-11-03 - the CSS-classes of arrows do not correspond between script and stylesheet bepiv.css: corrected - Firefox spits when width and height of scaled images are delivered with decimal places: corrected Version 1.0.0 - 2008-10-25 SupportIf you have questions or suggestions, please use the comment-function. Records about the behavior of this extension (positive or negative) are most welcome.If you use this extensions, you have the possibility to post a rating and a review at joomlaos.de or extensions.joomla.org . Furthermore I appreciate everyone, supporting me with a link back to www.bretteleben.de on his/her website. The extension itself does not produce any hidden links, eastereggs or whatever. DownloadThe ZIP-archive contains the plugin, by downloading it you agree to the terms of the GNU Public License. The ZIP-Archive can be used for both, upgrade and fresh installation. |
||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Last Updated ( Wednesday, 13 January 2010 09:09 ) | ||||||||||||||||||||||||||||||||||||||||||||||||||||||







Internet Explorer
Firefox
Opera
Safari
Chrome

.besps_slides {
z-index:-1;
}
Dennoch bleibt mir eine Frage ungeklärt:
Ich möchte dass die Buttons nicht unter der Slideshow sich befinden, sondern, dass diese auf dem Bild positioniert sind.
Wenn ich margin-top:-10px; beispielsweise zuweise, verschwinden die Buttons hinter der Slideshow. Das ist aber doof.
Wo kann ich das HTML oder PHP bearbeiten?
Oder wie kann ich sonst bestimmen, dass die Buttons auf der slideshow positioniert werden?
Ich möchte die Buttons durch transparente Buttons austauschen und sie über die Slideshow postionieren( nicht drüber, sondern über - im Sinne von "auf" der Slideshow).
Ich freue mcih auf Feedback
Wenn Du Dir die Anleitung durchliest, dann siehst Du, dass der Wert "Scroll Step" die Schrittweise in Pixel festlegt, um die das Bild bei jeder Bewegung weiterverschoben wird. Modernere Browser sind anscheinend so tolerant, die Angabe 0.5 hinzunehmen, der Internet Explorer 6 nicht. Recht hat er, es gibt keine halben Pixel.
Wenn Du das Scrollen verlangsamen möchtest, dann hast Du neben der Schrittweite aber auch noch den Parameter "Scroll Speed", vergrößere den Wert und das Panorama scrollt langsamer.
Gruß
Andreas
leider wird bei einem Step Scroll von 0.5 im IE 6 das Bild unbewegt stehen.
Gibt es eine Möglichkeit den Wechsel zu verlangsamen, ohne dass man 0, Einstellung benutzten muss?
Bei der Geschwindigkeit von 1, ist der Panoramawechsel immer noch zu schnell, so dass Besucher von dem Inhalt abgelenkt werden.
Danke dir für die Mühe,
über ein kurzes Feedback wehre ich sehr erfreut!!!
Gruß
Andreas
I confess, at the moment I'm a little mad at this plugin, or myself, or both :)
Once a week or so I have it on my screen because I would like to come up with a new version that allows to display 3D panoramas too - and put it away after some time because what I have up till now is not fast enough for practical use. This is the main reason why there have not been updates for the plugin and the module for a while.
Anyway - If I am not able to get a working version up and running soon, I will put this aside and yes, as soon as this happens other improvements will bubble up the todo-list :)
Best regards
Andreas
Now my question. Is there an ongoing for request of Stranger (43 Montag, 01. Juni 2009 um 18:10)? Is it planed to imlement such a feature?
Many thanks in advance
No. To allow the plugin to scroll endless into both directions the single image is used three times side by side.
If you want to use the plugin like a normal horizontal scroller, the way to achieve this would be to stitch together the images offline.
Best regards
Andreas
danke für den Tipp, dass hat super geklappt! Euren schnellen Support möchte ich auch mal loben. Es macht wirklich Spaß Plugins von Entwicklern zu nutzen, die sowas wie Ihr auf die Beine stellt. Klasse!
Beste Grüße
Jens
PS: Hier könnt Ihr Euch das Plugin-Bild anschauen:
http://www.wander-pfade.de/bärensteine/kleiner-baerenstein-wanderung1
Mal angenommen, Dein Panorama ist eingestellt auf 400 Pixel Breite und 100 Pixel Höhe und Du möchtest eine Border von 1 Pixel.
In bepiv.css setzt Du dann folgende Werte für die Klasse .bepiv_panorama0:
.bepiv_panorama0 {border:1px solid red;clip:rect(0px,402px,102px,0px);}
Worum es geht, Du musst den sichtbaren Ausschnitt des DIVs um die doppelte Rahmenbreite erweitern.
Gruß
Andreas