iperbox

down2

Kommentare

english version

Hier ist mein erstes WordPress Plugin und Widget: Iperbox. Es ermöglicht die Einbindung der Fotos von Ipernity in der Sidebar. Entstanden ist das Ganze auf der Idee des Plugin Liperbox von Danny Blase http://dearyou.de. Wenn Lightbox oder Slimbox installiert sind werden die Bilder in einem extra Rahmen angezeigt und ein Link auf die Ipernity-Seite eingeblendet. Da das ganze noch sehr beta ist, bitte ich um Rückmeldungen aller Art (also auch wenn alles klappt :-) )

Ich habe das beta in der Versionnummer gestrichen. Scheint ja alles zu klappen. Bis jetzt keine negativen Rückmeldungen. Zur Zeit sind 56 159 200 über 600 Downloads bei WordPress gezählt.

Wichtiger Hinweis:

Das Plugin benötigt php5. Sollte auf dem Webserver noch php4 laufen, erscheint nur eine Fehlermeldung:

fatal error: Call to undefined function: simplexml_load_string() in /wp-content/plugins/iperbox/iperbox.php on line xx


Installation des Plugins:

  1. Plugin herunterladen und installieren. Entweder bequem über die Adminseite in WordPress -> Plugins -> Neue installieren. Dann in der Suchmaske iperbox eingeben und installieren anklicken.
  2. Plugin iperbox aktivieren.
  3. Unter Darstellung -> Widgets -> Iperbox hinzufügen anklicken. Dann rechts bei IperBox auf bearbeiten klicken und Einstellungen entsprechend vornehmen. Auf  Fertig klicken und Einstellungen übernehmen.
  4. Sollte das Aussehen der Bilder noch verändert werden, so kann die Stylesheet (style.css) bearbeitet werden. Bei mir sieht das so aus: .iperbox {border: 1px solid; color: gray; padding: 4px; margin: 4px; }

Aber mein Theme unterstützt keine Widgets?

  • Auch als Plugin arbeitet IperBox zuverlässig.
  • Schritte 1 und 2 wie oben ausführen
  • Jetzt in der Sidebar.php folgenden Code einfügen: < ?php  iperbox(‘USERID’, 4, ”, 0, 0, 0, 75) ? >. Wenn der Code kopiert wird, bitte Leerzeichen vor und nach dem Fragezeichen entfernen.
  • Die Bedeutung der Sachen in der Klammer sind:
    • ‘USERID’ = Ipernity username
    • 4 = Anzahl der Thumbnails
    • ” = Gruppenname (falls Fotos einer bestimmten Gruppe angezeigt werden sollen, sonst ” lassen)
    • 0 = Album-Nummer (falls nur ein Album angezeigt werden soll)
    • 0 – Lightbox (o=nein 1=ja)
    • 0 – Slideshow (0= nein 1=ja)
    • 75 = Größe der Thumbnails (75=square 100=Vorschaubild mit 100px)
    • 560= Größe des Lightbox Fotos (1024 = großes Bild)

Aber ich will die Bilder in einem Artikel/Post einbinden?

Auch das ist möglich. Hierfür benötigt man aber ein weiteres Plugin, dass das Ausführen von php in in einem Artikel zulässt. Z.B Exec-PHP kann so etwas. Das plugin nach Anleitung installieren und dann einfach ein betreffenden Artikel wieder den Code eingeben: < ?php  iperbox(‘USERID’, 4, ”, 0, 0, 0, 75, 560) ? >. Fertig!

Update Version 1.07

  1. cURL Funktion wurde zum Abholen des Feeds hinzugefügt, falls der Webserver file_get_contents nicht unterstützt.

Update Version 1.06

  1. Beim Öffnen in der Lightbox kann jetzt vor und zurück geblättert werden.

Update Version 1.05

  1. Auswahl der Größe des Lightboxbildes. Es kann zwischen medium (560px) und large (1024px) gewählt werden.

Update Version 1.04

  1. Auswahl der Vorschaugröße. Es werden die Vorschaubilder von Ipernity benutzt, so dass die Thumbnails nicht verzerrt dargestellt werden.

Update Version 1.03

  1. Valides XHTML und CSS

Update Version 1.02

  1. Erweiterung des Plugins. Jetzt können auch Bilder einer Gruppe angezeigt werden.
  2. Html-Code aufgräumt.

Update Version 1.01 beta

  1. Das Plugin wurde komplett neu geschrieben, da die Feed-Adresse sich geändert hat.  Es wird eine andere Funktion zum grabben der Bilder genutzt.

Update Version 0.9 beta

1. Ab Version 0.9 gibt es die Möglichkeit die Slideshow (wie auf der Ipernity  Seite) anzeigen.

2. Wenn kein Lightbox Plugin (zb wp-lightbox2 oder slimbox) installiert ist,
führt der Link direkt zur Fotoseite von Ipernity

Update Version 0.7 beta

1. Bei der deaktivierung des Plugins werden die Einträge aus der Datenbank gelöscht.

English Version

Welcone to my first WordPress Widget: Iperbox. It is a simple way of showing your pictures fron Ipernity.com  on the sidebar of your wordpress installation.If you have Lightbox or Slimbox installed, the pictures will show up in a different frame and a link to your ipernity site will apear. Please bear in mind that this is very beta. So please be patient with me and the widget :-)

Importent:

The plugin needs php5 or higher.if you still have php4 running, you will get an error and the plugin does not work.

fatal error: Call to undefined function: simplexml_load_string() in /wp-content/plugins/iperbox/iperbox.php on line xx

Update Version 1.07

  1. Added cURL function to fetch feed if server doesn’t support file_get_contents. btw cURL is much faster

Update Version 1.06

  1. Added prev – next when opened in lightbox.

Update Version 1.05

  1. Choice of size for lightbox picture.  You can choice between  medium (560px) for smaller screens and large (1024px) the big picture.

update version 1.04

  1. now there is a choise of size for preview. Using the thumbnails from Ipernity to maintain aspect ratio

update version 1.03

  1. valid XHTML and CSS

update Version 1.02

  1. Upgrade Plugin. Now it’s possible to view pics from groups as well
  2. clean up html code.

Update Version 1.01 beta

  1. the plugin was completly new rewritten   as the address of the feed has changes. A new way of grabbing the pictures has been implemented.

Update Version 0.9 beta

1. Since version 0.9 you have the option to show the slideshow as on the  Ipernity page.

2. If ther is no Lightbox Plugin (wp-lightbox2 or slimbox) installed, the link leads  direct to the photo page on Ipernity.

Update version 0.7 beta

1. Added function to remove data from database when the plugin gets deactivated

Installation:

  1. Download iperbox.zip and put the file iperbox.php it in your /wordpress/wp-content/plugins/ folder
  2. Go to Administration – Plugins and enable the iperbox plugin
  3. Now go to Administration – Design – Widget and add iperbox
  4. Fill in the settings. Most importent is the Ipernity-Username. And if you want to show a special folder, enter the 5 digits of the foldername. Now just set the Count to the numbers of pics you want to show.
  5. If you have lightbox or slimbox installed You can tick the box and pictures will show up in a special frame when clicked.
  6. Finished! Enjoy your Photos on your Page

Do not hesitate to contact me if you have any questions or the plugin is not working as descriped.

wordpress plugin ipernity photos images

27 Responses to iperbox

  1. Tasmanian says:

    Huhu und erstmal danke für den Plugin, ich such schon ewig eins für Ipernity.
    Mein Problem ist, wenn ich es per Widget in die Sidebar packe, zerschiesst es mein ganzes Layout und zeigt nichts an. Was mach ich denn da falsch?

  2. heiste says:

    @Tasmanian Du hast aber schon php 5.x auf dem Server am laufen? Ansonsten kann es nur am Theme liegen. Wenn du mir das Theme bzw. den download link verrätst, probiere ich es mal hier lokal aus,

  3. Tasmanian says:

    Ja das wenn ich wüsste, kann ich irgendwo meine PHP Version nachschaun?
    Also das Theme hab ich mit Artisteer selbstgemacht, ich kann dir aber gern die Datei schicken.

  4. heiste says:

    ich schick mal eine Datei, damit kannst du deine PHP-Version abfragen. Dein Theme kannst du mir zuschicken. ich schau mir das dann mal an.

  5. Pingback: iperbox 1.07

  6. pfeiffer says:

    Moin moin, super Plugin – Eine Frage: Lässt sich die Anzahl der Bilder bei der Slideshow begrenzen?
    Die Lightbox funzt bei mir irgendwie auch nicht … (könnte aber an dem anderen Lightbox-Plugiun für die Posts liegen)

    Viele Grüße
    der pfeiffer

  7. heiste says:

    @pfeiffer Vielen Dank für das Lob! 1. Die Slideshow wird komplett von Ipernity geladen. User Einstellungen sind nicht möglich. 2. Welches Lightbox-Plugin ist denn im Einsatz? Ich habe Lightbox 2 und slimbox ausprobiert. Eventuell muss nur der rel-code für das von dir genutze Plugin geändert werden. Wenn zwei Plugins nebeneinander werkeln, geht das meistens in die Hose… Lass mich wissen welches Plugin du einsetzt und ich sage dir, was geändert werden muss.

  8. pfeiffer says:

    Moinsen,

    danke für die schnelle Antwort. Es laufen
    Lightbox Gallery – für die Galerie und Multibox für den Rest …

    Zur Slideshow: Ist der Traffic dort begrenzt? Oder werden (schlimmstenfalls) zig MB mit allen Bildern geladen?

    Zur Einzelbildanzeige + Lightbox: Wenn ich nur 4-6 Bilder anzeigen möchte – ist es möglich jeweils die neusten aus allen Kategorien zu zeigen? (also nur ein Bild pro Kategorie…)

    Sorry – das sind ja schon wieder Sonderwünsche ;-)

    Gruß aus der Elbtalaue …

    3F

  9. heiste says:

    @pfeiffer:
    1. Das Plugin Lightbox Gallery erkennt den rel=”lightbox”. Damit sind die Bilder in der Iperbox verlinkt. Ich vermute, dass das Plugin Multibox dazwischen funkt, weil es diesen Tag nicht kennt und automatisch alle Bilder “übernimmt”. Du könntest es ausprobieren und in der Iperbox.php alle Einträge ab Zeile 111 von class=”iperbox” in class=”wmp” abzuändern.

    Zur Slideshow: Es werden nicht alle Bilder geladen. Es werden immer die aktuellen Bilder angezeigt. 20 glaube ich. Ich habe aber nicht gezählt.

    Zu den Einzelbildern: Nein, es werden immer nur Bilder aus einer Kategorie/Album angezeigt oder aber die letzten in der Reihenfolge des Uploads (default Einstellungen). Leider bieter Ipernity keine weiteren Einstellungs- oder Abfragemöglichkeiten.
    Eine der nächsten Version von IperBox wird multiple Instanzen unterstützen, so dass man dann mehrere Widgets einsetzen und so verschiedene Alben anzeigen kann.

    Lass mich wissen ob der “Hack” mit der class=wmp geklappt hat.

  10. pfeiffer says:

    Moin moin,

    funzt nicht … denn bleibt es bei der Slideshow …

    Danke

    Gruß
    3f

  11. heiste says:

    Sorry 3f! Mein Fehler. Es klappt doch mit Multibox. Ich habe es gerade hier mal lokal ausprobiert. Du musst nur das class=”wmp” in den Link einfügen und nicht im Vorschaubild. Also in der Zeile 111 nach >> View picture at Ipernity.com” < < noch >> class=”wmp” << einfügen und dann öffnen sich die Bilder auch in der Multibox.

    Das andere class bitte wieder auf iperbox ändern, das ist notwendig wenn du die style.css dafür anpassen willst.

    Viel Spaß mit der IperBox
    bis die Tage
    Gruß Heino

  12. pfeiffer says:

    Kuckuck …

    funzt auch nicht …. aber nicht so tragisch …

    Hast du ne Ahnung, wie groß so eine minislideshow.swf werden kann?
    Wird nachgeladen?

    Die Slideshow sieht ja auch viel besser aus ;-)

    Gruß
    3f

  13. heiste says:

    @pfeiffer Komisch, bei mir in der Testumgebung hat das aber geklappt.

    Die Slideshow lädt ca 50 Bilder, sollte aber eigentlich gleich starten. Das ganze ist in Flash programmiert. Du kannst aber auch eine eigene Slidshow erstellen und ein Album oder bestimmte Bilder mit tags anzeigen. Schau mal unter http://www.ipernity.com/apps/widgets/minislideshow
    Dann den Code einfach als Textwidget einbauen und voilà
    Gruß
    Heino

  14. pfeiffer says:

    Suuuuuper ….

    Nu ist die Iperbox raus … aber die Slideshow nur mit den Favoriten ;-)

    Vielen Dank für den Tip – Ich werde deine Box trotzdem weiterempfehlen …

    Gruß
    Carsten

  15. heiste says:

    gern geschehen. Sieht doch gut aus und du hast nur die Bilder, die du haben möchtest. Vielleicht bau ich das noch bei der IperBox ein.

  16. Tasmanian says:

    Hm, ich glaub mein Spamfilter hat dich gefressen. Jetzt hab ich ihn mal ausgemacht, versuchst dus nochmal?

    Also ganz normal installieren kann ichs ja, ich kann auch das Widget einfügen. Aber halt nur bis dahin.

  17. heiste says:

    @tasmanian – ich habe dir die test.php noch mal geschickt. Schau bitte nach, welche php-Version installiert ist. Dann schauen wir weiter…

  18. John Nixon says:

    Very nice slide effect and works satisfactorily, but I have one minor problem.

    In IE7 the box fits exactly into a 200px wide column, but in Firefox 3, Opera 10 and Chrome 4 it appears slightly (4 or 5 pixels only) shifted to the right. Is this a “know problem” or do you think it has to do with the Theme I’m using (Atahualpa). It’s not a big deal and looks fine on my pages, but do you have any suggestions for a work around?

    Thanks!

  19. heiste says:

    Hi John,
    the third column is 200 px wide. But the entries are only 179 px as there is some padding added. So it can’t fit properly. Can you edit your style.css? Please add something like
    .iperbox {border: 0; padding: 0px; margin: 0px; } Do let me know if it helps.

  20. Jessica says:

    Ich bekomme auch immer wieder eine Fehlermeldung. Wenn ich das Plugin ganz normal als Widget einsetze funktioniert es, aber es funktioniert leider nicht mit dem Code für “nicht widgetfähige” themes. Ich würde das Plugin nämlich lieber gern in meinem Footer als in der Sidebar haben.

  21. heiste says:

    Hallo Jessica,
    bei mir funtioniert es im Footer. Kannst du mal diesen Code ausprobieren:
    < ?php iperbox('', 4, '32349', 0, 0, 0, 75, 560) ? >
    Die Leerzeichen vor und nach den Klammern entfernen.

  22. Jessica says:

    Ja vielen Dank, Problem ist gelöst =D

  23. Jessica says:

    Obwohl, jetzt werden mir die Bilder ja einer bestimmten Gruppe angezeigt, und nicht mehr meine eigenen..?

  24. heiste says:

    ich sehe du hast es hinbekommen :-)

  25. John Nixon says:

    Hi!
    Very satisfied with the way Iperbox has functioned up to now, but there seems to be a conflict with WordPress 3.0.1
    I deactivated Iperbox before ugrading. When I reactivated it, the box had disappeared and been replaced by three links to Ipernity pages belonging to some people in my network.
    I’ve deactivated Iperbox till I hear back from you.
    Cheers!
    John

  26. heiste says:

    @John
    you just have to fill in your Ipernity username in the widget again. It will be deleted when the plugin is disabled. (to keep the database clean)
    Hope this helps
    greetings Heino

  27. John Nixon says:

    Many thanks, Heino!
    Should have realised that was the problem. All working fine again now.
    John

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>