Finn Rudolph

Frequently Asked Questions


Implementierung


  1. Ist es möglich, dass die Galerie in der Mitte oder bei einen anderen Bild startet und nicht mit dem ersten Bild? Ja, indem man zusätzlich in der imageflow.js die Option startID angiebt. Beispiel: startID

  2. Kann man den Bildern einen Link zuweisen, so dass sich z.B. durch das Doppelklicken auf ein Bild eine bestimmte URL öffnet? Ja, indem man in das longdesc Attribut des img Tags eines Bildes eine URL einfügt. Die URL wird dann durch einen Doppelklick auf das Bild oder einen einfachen Klick auf ein fokussierte Bild aufgerufen.

  3. Sind auch transparente Reflexionen möglich (z.B. um ein Hintergrundbild verwenden zu können)? Ja, indem man zusätzlich die Option reflectionPNG angiebt. Beispiel: Transparent reflections

  4. Kann man die Hintergrundfarbe der Reflexion ändern (z.B. in Weiß)? Ja, wenn die Farbe relativ dunkel ist, dann muss man lediglich über die Option reflectionGET die Hintergrundfarbe übergeben. Beispiel: Reflection_background_color. Wenn der Hintergrund hell ist (z.B. Weiß), dann müssen auch im CSS Anpassungen gemacht werden. Beispiel: White background color

  5. Ich sehe keine Bilder, nur die Bildnamen. Was mache ich falsch? ImageFlow benötigt einen Server auf dem PHP mit einer GD Bibliothek läuft, um die Reflexionen zu generieren. Wenn man die Reflexionen ausschaltet läuft ImageFlow auch ohne PHP. Beispiel: No reflections

  6. Ist HTML in den Bildunterschriften möglich (z.B. ein Link oder eine zweite Zeile)? Ja, man kann beliebiges HTML in das alt Attribut des img Tags einfügen. Dazu muss man dieses aber unbedingt in HTML Entities umwandeln!

  7. Kann man die maximale Größe der Bilder definieren? ImageFlow skaliert sich - und somit auch alle Bilder - dynamisch in Relation zur Breite des containers mit dem Klassennamen imageflow. Wenn die Bilder eine bestimmte maximale Breite nicht überschreiten sollen, dann muss dem imageflow container eine statische oder maximale Breite zugewiesen werden. Dies kann man via CSS in der imageflow.css definieren. Mit der Option imageFocusM kann man die Größe des fokussierten Bildes skalieren. Beispiel: imageFocusM

  8. Ist es möglich ImageFlow mehrmals auf einer Seite einzubinden? Ja, da ImageFlow ein objektorientiertes Script ist kann man so viele Instanzen auf einer Seite erzeugen wie man will. Siehe dazu auch die Dokumentation

  9. Kann ich die Reflexionen auch mit Reflection.js erstellen? Leider nein: Die Reflection.js liest das Original-Bild aus, erstellt ein zweites Bild, welches nur die Reflexion enthält, und ersetzt dann das Original-Bild mit einem div-container, in welches wiederum das Original-Bild und die Reflexion eingesetzt werden. Das Problem ist, dass ImageFlow direkt die Eigenschaften vom Original-Bild ändert und diese von der Reflection.js zur Laufzeit in div-container umgewandelt werden.

  10. Gibt es eine Autoscroll/Slideshow Funktion? Ja, diese Funktion ist seit v1.3.0 verfügbar. Beispiel: Slideshow

  11. Kann ich ImageFlow mit anderen JavaScript Effekten wie z.B. der Lightbox2, Highslide JS oder ThickBox benutzen? Ja, ImageFlow kann relativ einfach kompatibel zu solchen Effekten gemacht werden. Ich habe eine Anleitung zu der Kombination von ImageFlow mit Highslide JS geschrieben. Und dank Patrick Robertson gibt es nun auch ein ThickBox kompatibles ImageFlow.

    Achtung: Das folgende Beispiel basiert auf der veralteten Version 0.9!

    Es existiert zudem ein Lightbox2 kompatibles ImageFlow.

  12. Wie kann ich einen Link in einem neuen Fenster öffnen lassen? Das ist mit der Option onClick möglich. Beispiel: New Window. Die Funktion open() unterstützt noch weitere nützliche Parameter.

  13. Wie kann ich die Höhe des ImageFlow div Containers manipulieren? Das ist in zwei Schritten möglich: Als erstes muss dem ImageFlow div Container die CSS Eigenschaft overflow:hidden; zugewiesen werden. Als zweites muss dann ein weiterer div Container um den ImageFlow Container gesetzt werden, der die CSS Eigenschaften position:relative; und margin-top:-50px; margin-bottom: -50px; hat. Die negativen margin Werte können dann den eigenen Anforderungen angepasst werden.

  14. ImageFlow in Kombination mit Highslide JS funktioniert nicht, es wird immer nur "Loading..." angezeigt, aber kein Bild geladen. Wie repariere ich das? Das Problem ist Highslide JS spezifisch und Torstein Hønsi hat eine Liste mit Lösungen in seinem Forum gepostet: "Loading..." label keeps showing, no picture loads

Implementation


  1. Is it possible to start the gallery at a picture defined by the user? Yes, simply use the option startID. Example: startID

  2. Is it possible to have clickable images with URLs? Yes, simply add the URL to the longdesc attribute of the img tag. That will open the URL of your choice on doubleclicking the image or on a single click, if the image is focussed.

  3. Is it possible to get transparent reflections (e.g.: to use a background image)? Yes, simply use the option reflectionPNG. Example: Transparent reflections

  4. Can I change the background color of the reflection (e.g.: to white)? Yes, if your background color is relatively dark you can simply pass the color value with the option reflectionGET. Example: Reflection_background_color. If your background color is light (e.g.: white), you also need to edit the CSS. Example: White background color

  5. I don't see any images, just imagenames. What am I doing wrong? ImageFlow needs a PHP server running a GD library to generate the reflections. It will work without PHP if you disable the reflections. Example: No reflections

  6. Can I use HTML in the captions (e.g.: for a link or a second line)? Yes, you can add any HTML in the alt attribute of the img tag. But you have to encode it to HTML Entities first!

  7. Can I set a maximum image size? ImageFlow scales dynamically in relation to the width of the div container imageflow. If you want your images to stay in a defined maximum width, you have to define a static or maximum width for the imageflow container. That can be achieved via CSS in the imageflow.css. You can scale the focussed image with the option imageFocusM. Example: imageFocusM

  8. Is it possible to include many ImageFlows in one site? Yes, since ImageFlow is an object-oriented script you can instantiate many ImageFlow objects on one site. Also read the Documentation.

  9. Is it possible to get the reflection with Reflection.js? Unfortunately not: The Reflection.js reads out the source image and creates a second image containing only the reflection. The source image is then replaced by a div container including the source image and the reflection image. The problem is that ImageFlow fails to change the attributes of the source image, which has been replaced by the Reflection.js.

  10. Is there a autoscroll/slideshow function? Yes, that function is available since v1.3.0. Example: Slideshow

  11. Can I use ImageFlow with other JavaScript Effects like the Lightbox2, Highslide JS or ThickBox? Yes, check out the combination guide for ImageFlow with Highslide JS. And Patrick Robertson made a ThickBox compatible ImageFlow.

    Caution: The following example is based on the outdated version 0.9!

    There exists a Lightbox2 compatible ImageFlow.

  12. How can I open a link in a new window? That can be achieved with the option onClick. Example: New Window. The function open() supports more useful attributes.

  13. How can I manipulate the height of the ImageFlow div container? That can be done in two steps: First you need to set the ImageFlow div container overflow:hidden; via CSS. Second you need to build another div container around the ImageFlow container and give it the CSS properties position:relative; and margin-top:-50px; margin-bottom: -50px;. Now you can change the negative margin values to fit your needs.

  14. I want to use ImageFlow with Highslide JS, but the "Loading..." label keeps showing and no picture loads. How can I fix that? That problem is Highslide JS related and Torstein Hønsi gives you a troubleshooting list to fix it in his forum post: "Loading..." label keeps showing, no picture loads



Lizenz


  1. Was macht ein Webseite kommerziell? Eine Webseite ist dann kommerziell, wenn ihr Zweck darin besteht Einnahmen jedweder Art zu erzielen und sie zudem nicht einer gemeinnützigen Organisation angehört. Wenn Sie Produkte, Werbung oder Dienstleistungen verkaufen, aber auch wenn Sie lediglich ein kommerzielles Gewerbe führen, dann ist ihre Seite kommerziell. Eine Geschäfts Webseite ist auch dann kommerziell, wenn darauf nichts zum Verkauf angeboten wird, da ihr Zweck die Repräsentation einer kommerziellen Firma ist.

  2. Ich möchte ImageFlow an meine Kunden weiterverkaufen, gibt es Volumen Lizenzen? Ja, wenn Sie größere Mengen an ImageFlow Lizenzen benötigen, dann kann ich Ihnen ein Angebot machen. Sie können mich per E-Mail kontaktieren: finn.rudolph@googlemail.com

  3. Ich möchte ImageFlow auf einer kommerziellen Webseite benutzen, wo kann ich eine Lizenz erwerben? Sie können eine ImageFlow Lizenz auf der Download Seite erwerben.

License


  1. What makes a website commercial? A commercial website is a website which purpose is generating revenue or cash flow of any type, and that isn't under a non-profit organization. If you're selling a product, selling advertisement, selling a service or just marketing a commercial business, your site is commercial. A company website is also commercial even if it doesn't sell anything, as it's purpose is to front a commercial company.

  2. I would like to resell ImageFlow to my commercial customers, can you offer me a volume license? Yes, if you need a large amount of ImageFlow licenses I can make you an offer. You can contact me via e-mail: finn.rudolph@googlemail.com

  3. I want to use ImageFlow on a commercial website, where can I purchase a license? You can purchase a ImageFlow license for a commercial website on the download site.