@ Bashar: Well you don't need hours to explain. First of all read this to get the main problem: http://finnrudolph.de/ImageFlow/FAQ#Implementation_9 ... So what you need to do is getting a javascript to replace every image _before_ it will be initialized via ImageFlow by a _single_ image that includes the reflection. And on top of that you want that to work in all browsers ;D It is doable, but I recently had no time to dive into it. If you are willing to understand the basic reflection generation with JavaScript (give one image return on image with relfection) I'll do the implementation part ;D
@ Alex: Thanks for the code I'll consider implementing it in the next release... btw: The reflection.php is not my code: http://github.com/countzero/ImageFlow/blob/master/imageflow.js#L31 ;D
@ Matt: Well that is possible with a small siedeffect ;D You can render the 180° rotation of your object into frames and tell JavaScriptObject to behave as if it were a 360° rotation. Then you can rotate your object just the 180° (or whatever you need). The downside will be, that it will jump to the first frame if you hit the last frame and vice versa. But I could implement an option telling the script to actually lock the renderer at the first and last frame...
I must admit i'm a fan of your ImageFlow.. It is splended. The following is a comment to what Alex (19:12 on Dec 29) said. Would it be possible to use Reflection.js (http://cow.neondragon.net/stuff/reflection/) to create the reflection illusion? I know there might be a conflict in licensing between your ImageFlow and Reflection.js but if you were to take a couple of hours and describe how one could achieve the reflection rendering on the browser, i'm sure many would appreciate it. The reason why I'm mentioning this is because I'm using Servlets and JSP pages on my server.
Great stuff Mr. Rudolph. I have a question on the JavaScriptObject, is it an easy tweak to get the effect of only rotating the object in a limited range of degrees? For instance, I have an object where I only want the user to rotate side to side to see the "front" of the object from different angles, but not behind. Make sense? The object would just stop rotating at one point, at least in my mind how I want it to work. Cheers!
Hey Finn. First of all, congratulations and thanks for the great job you've done developing "ImageFlow". I just got a little improvement suggestion concerning the ImageFlow memory management (or rather the memory management of your PHP reflect scripts). Problem description: picture a situation where one is not allowed (or just don't know how) to manually re-configure the php.ini settings (e.g. on a server of a free webhoster or on a local webserver) to be able to proccess larger images (i.e. usual digicam-images). If the memory limit variable in the php.ini is very small your reflection script won't be able to do its job. ImageFlow (thus the reflect script) will just show empty boxes including the typical ... image - nor an error neighter a warning (that the requested memory the script is trying to use is too large) will be thrown. That's why you should add a couple of lines to your source code to improve that. Here's the code I suggest to use (this code is trying to dynamically increase the php memory limit during the scriprt runtime): // Read the memory limit variable (a string) from the php.ini file into $mem_limit, cut the letter off // the string and convert the rest of the string into an integer (int) value (int) $mem_limit = str_replace(array('b', 'k', 'kb', 'm', 'mb', 'g', 'gb', 't', 'tb', 'p', 'pb'), '', strtolower(@ini_get('memory_limit'))); // Check whether the memory limit is too low (if so lets try to change that) if((isset($mem_limit)) && (!empty($mem_limit)) && ($mem_limit < 1024)) { // Try to reset the php ini value for the scripts memory limit (try to set it to 1024Mb) for($i=1024; $i>=(int)$mem_limit; $i-=2) { if(@ini_set('memory_limit', ((string)$i.'M')) == false) { } else { $i=0; } } } Just add it at the very beginning of reflect2.php and reflect3.php and everything will be fine :o) Kind regards, Alex
I made an audioreactive sphere: http://www.vimeo.com/8406915 *yay* ;D
@ Finn : Concerning the iframe, that was what i feared :) Thank you very much for your help anyway, i'll try to find a solution dealing with this.
@ Olivier: Well... there was a reason Why I did only show onfocus... You'll probably run into performance issues if you display as much iframes as visible images... but give it a try on your own ;D Here is the spot I defined the current iframe behaviour: http://github.com/countzero/ImageFlow/blob/marriott/imageflow.js#L525
@ Finn This is great stuff! Thanks for your quick answer by the way. I have two more questions concerning this : - I'm not sure of this, but is it possible to show the iframe all the time, even when they're not in the front, instead of replacing them by an image ? - Is the iframe mandatory to show text content ? Thanks again
@ Olivier: I made a prototype for Marriott International that kind of does what you need. You can checkout the branch on http://github.com/countzero/ImageFlow/tree/marriott and see the demo of it on http://testground.finnrudolph.de/js/ImageFlow_1.2.2_Marriott/
Hi, First of all, congratulations and thanks for your great work. I've a question concerning ImageFlow : Could it be possible to replace the images by a div containing text content ? I know this is odd to use coverflow with text, but i'd maybe need this functionnality for a specific project.
HI Finn Rudolph, I mailed you y'day regarding Imageflow with couple of issues and clarification. I didnt get your response till now. Waiting for the response
hab gerade in deinem portfolio gelessen das du deutscher bist toll dann kann ich dich auch so fragen, weist was geil wäre xml support für imageflow
xml support will be great
I noticed that most of the posts here start with "Great script, but...". I am writing just so I can say "Great Script". Period.
Nice Script! Any chance you'll make a vertical version? That would look really sweet in my carclub's website.
Hmm - done a bit more digging and it seems to be an incompatibility with another javascript. If I remove the link to the other script, all is well.
Fantastic script. One problem though - I set up my page and it was working fine in Firefox. In IE8 I get this error: Message: Object doesn't support this property or method Line: 1144 Char: 4 Code: 0 URI: ...../imageflow.js I put it back to the original version of imageflow.js, only replacing "myImageFlow" with the name of my div, and I still get the error. Any ideas?
@aszan: Hi, could you please post a link so that I can see what you mean by "image is cutting off". And with what IE did you test?
image is cutting off in ie please solve this problem
Opps, no worries. Got it going, just a simple positioning of the script in the html. All good. Ie is so temperamental.
Hey Finn, Great script, however I can't seem to get it operational in IE. It works well in Firefox, Safari, and Google, but it does not want to execute in IE. Thoughts?
Ing. .imageflow.caption and .imageflow.scrollbar is where you change the position of the caption and the scrollbar.
I figured out changing the position and how to put the captions under the slider bar. Let me put for other people: in css: .imageflow .navigation{ position:absolute; top:80%; z-index:10000; } in js: (for putting captions under slider bar) change lines 195&196 like this: navigationDiv.appendChild(scrollbarDiv); navigationDiv.appendChild(captionDiv);
Thanks G.R. for the help. Can you give me specific examples? I guess, i need to add some parameters to "imageflow .navigation" for bringing them down a little bit. I tried "top: -20%" and nothing changed. I don't have much information about css, sorry. :)
Ing. The scrollbar and captions positions can be altered in imageflow.css. It's quite easy to figure out. I use negative percentages to bring them down a bit. You can also alter the positions of the left and right buttons independently but the width of the scrollbar has to be changed in imageflow.js
Hi, is there a way to change sliderbar position and caption position on ImageFlow? I would like to put them a little bit lower than original position. I tried to look all posts here and js source, couldn't figure out a way to do it. Thanks in advance.
For some reason the images will not show up. Even when I try to view your index.html file all I can see is the "image" text. but not pictures. please give me some advice. awesome script by the way.
Just some suggestions for the next ImageFlow version: http://www.ralfhettinger.de/imageflow/ImageFlow_1.2.1.new.zip (patchfile @ http://www.ralfhettinger.de/imageflow/ImageFlow_1.2.1.diff ): Features: * HTML may contain more than just img-tags. Captions and links may be set more SEO-friendly and accessible (see index.html for an example and the new option singleItemTag) * make speed of transition effect configurable (new option animationSpeed) * a first simple slideshow (options slideshow, slideshowInterval, slideshowLeftToRight) Bugfix: * Option slider should only enable/disable the slider not the buttons
Finn Just started with the integration of Imageflow version 1.2.1 into www.wildlife.co.za still need to change some parameters to get the optimal setting suited for this site. Congratulations again for an excellent script. http://www.wildlife.co.za/library/mammals/Recent-Images.htm
Hi Finn how can I get a copy of the youflow app.
additional control events / methods needed so bad!!!!
The one bit of javascript that I learned yesterday was how to make the images in imageFlow glide in from the left instead of the right. In the section marked /* Animate images moving in from the right */ Change the third line to thisObject.moveTo(-10000);
E-Learning anyone? ;D http://net.tutsplus.com/articles/web-roundups/17-hours-of-javascript-from-the-masters/
Printing CSS background images (sort of) http://web-graphics.com/mtarchive/001703.php
Julian. Looks good but the captions are buried in the reflections. Some are unreadable.
Imageflow is an excellent product and well worth getting for any image website. See it in action here at: http://www.cardtoppers4crafts.com
This one made me laugh... http://theoatmeal.com/comics/design_hell
Hallo, feines Teil und funktioniert soweit wunderbar - einzig krieg ich's nicht hin, daß die Transparenz in den PNGs erkannt/dargestellt wird. Objekte, die im PNG freigestellt wurden, werden also trotzdem mit schwarzem HG angezeigt. Gibt es da eine Lösung?
we cannot get the images to display even in your downloads they do not display we are impressed with your images want to use your example in our class project ti s and cen i
Awesome script. I will be using this on many client sites in the future. Payment on the way for the current implementation: http://www.bolandarts.com I did find a couple of issue with IE, the most annoying one has to do with percentages. If you specify the body height to 100% and you set the height of the container that will hold imageflow as a percentage, in IE 7 (5.5, 6 , and 8 are fine) the entire container div will collapse once the image flow is rendered. I had to remove the height settings altogether, as a fixed height wouldn't work in the design. I also found that in IE 8 if you do not explicitly set the image height and width in the IMG tag that the images get squished. I really should specify the dimensions so I did that and it fixed the issue. -Craig - http://www.us.clearnine.com
Hi Finn, dein Script ist einfach der Hammer, aber die Rückmeldung hast du bestimmt schon etwas öfter bekommen :D. Jedoch hab ich ein kleines Problem: Der Coverflow wird dargestellt aber ohne Bilder. Das Problem dafür hab ich gefunden und nun brauche ich die Lösung: Der coverflow wird in der domain/index.php angezeigt. Alle benötigten Dateien liegen aber in dem Verzeichnis domain/coverflow/ das einbinden der .css .js hat mit der der Pfadangabe geklappt, jedoch versucht das Script die Datei domain/reflect2.php auf der gleichen ebene wie die index.php zu finden, die liegt jedoch bei den anderen in domain/coverflow/reflect2.php Wie bekomme ich nun das "/coverflow/" dazwischen (zwischen domain/../reflect2.php) damit das funktioniert? Schon mal vielen, vielen Dank :) Michael
Hey, fantastic script! Could you please tell me how I can have an iframe popup (in the similar style to a Thickbox) appear when clicking on an image? Thanks a lot!
@ Malingo sorry unter http://caribaria.de findest Du nur die Loginseite, zum betrachten musst Du direkt auf http://caribaria.de/forum/portal.php gehen, dort wird Dir zwar nur ein teil angezeigt, da Du nicht eingeloggt bist aber für´s ImageFlow reichts ;-)
@ Malingo Ja es ist möglich das ImageFlow im phpbb einzubauen und auch zu verlinken. Dies kannst Du Dir auch unter www.caribaria.de ansehen. Derzeit habe ich leider noch ein Problem mit dem Internet-Explorer, weil es bei ihm leider nicht angezeigt wird, bei den anderen Browsern funktioniert es einwandfrei. Ich habe auch die Größendaten wie in der Installationsbeschreibung angegeben aber der IE checkt´s trotzdem nicht.
good job with this script, but i was wondering if it is possible to use an external image in the Imageflow(for example an url). I am wondering if this is possible, since we have our CMS which we would like to manage this in on another virtual host on the dedicated server. I did read some parts out of your reflect script an did notice the usage of file_exists which cannot be used with urls. hopefully anyone here can help me out! Greetings, Coppens
Schönen guten Abend. Ich hab ein Problem mit der Anzeige beim IE. Im Firefox wird alles wunderbar dargestellt aber wenn ich die Seite mit dem IE öffne, dann wir mit nichts vom ImageFlow angezeigt. Ich habe, wie in der Anleitung beschrieben, auch die Zusatzdaten (Größe) mit eingegeben aber trotzdem funzt es nicht. An was kann das liegen? LG Tom
Finn. Setting the image height and width makes no difference. I should have removed the first part of the script instead of rendering it inactive. It looks confusing. I have done so now. Its getting only the image to reload that does the trick. I will continue to experiment. Many thanks for a great piece of work. Have a look at the parent page. I have made some changes to the scroll bar and slider. http://www.godfreyryan.com/Slideshow5.html
@ G.R. Have you tried to set the correct image width and size in px in the img tag and then scale the whole thing via CSS? Perhaps that works cross browser and you don't even need a single line of JS...
@ G.R. Nice one! It will certainly not be the last bug that is featured by the all beloved Microsoft product... I would suggest a _better_ improvement to your code than the one the MS guy told you: You only need to refresh the site onload and onresize of the browser window. So add your resize function to that events. Take a look at http://github.com/countzero/ImageFlow/blob/master/imageflow.js#L993 to see how to call a function onresize...
This is an update to my posts of the 24th and 25th of October. Microsoft have come back to me and confirmed that I have indeed found a bug in all versions of Internet Explorer which effects any URL called with a specific width from the onClick event handler option in imageFlow. They will put it on the list of known issues and say that if a fix can be found, it will go into their regular Windows update. They also recommend that the "timeout" in my workaround for reloading the image should be reduced to 250 mS. http://www.godfreyryan.com/16x.html
19:15 - Stéphane Kus skus1@free.fr
I have made an adaptation of ImageFlow with HighslideJS for the CMS SPIP. It's here : http://iensp.free.fr/spip.php?article329 Thank you for our work
be aware that -ms-interpolation-mode:bicubic; only works on jpg images. if you use reflections then your images are rendered as pngs and will look blocky in IE7.
@Colin i found out why internet explorer 7 was squeezing the images. i changed this line image.h = image.getAttribute('height') * multi; to image.h = image.getAttribute('height'); and it fixed the images here are my setup options: ImageFlowID:'myImageFlow', buttons: true, captions: false, reflections: true, reflectionPNG: true, slider: true, startAnimation: true, opacity: true, reflectionP: 0.2, startID: 5, imageCursor: 'pointer', xStep: 118, reflectionGET: '&height=20%&.png', imagesM: 1.04, aspectRatio: 2.00, imagesHeight: 0.55, imageFocusM: 1.0,
Thanks for the ImageFlow thing man, just the thing I was looking for for my new webdesign.
can images can move on mouse hover rather than mouse scroll
About the ImageFlow for Ipod, the .js file is packed. How to remove the reflection in order to see the pictures ?
Dear Finn. Is it possible to have a galery recorded (all the files jpg,ccs,js) into the Iphone without any connection to internet as in your example ? : testground.finnrudolph.de/js/ImageFlowTouch Thanks Denis
Ich hoste meine Seite bei hosteurope.de und die haben auf ihrem Server "GD bundled (2.0.34 compatible)". Wie kann ich damit die Relexion bei imageFlow aktivieren?
engadget did a site redesign: http://www.engadget.com/2009/11/19/welcome-to-the-next-engadget/
Hey, great script. Is it possible to use thumbnails as anchors to a specific slide? My €20 is on the way!! Well worth it.
is it possible to put imageflow into phpbb? is it possible to link the pictures to threads? kann man imageflow in phpbb nutzen? kann man die bilder auf Themen verlinken?
hey there, has anybody an idea how to get the finnrudolph galery in a joomla1.5-site? is it anyway possible? hey zusammen, weiss jemand wie man die finnrudolph galerie richtig in eine joomla1.5-site einbindet? geht das überhaupt?
underarmour. Man kann nicht so pauschal diese Frage antworten. Du musst alle Seite im ImageFlow Teil gewissenhaftlicht lesen (inklusive der FAQs).
hallo, was muss ich wo einbinden damit es funktioniert??? (erstmal mit den standart bildern)
hi, ive used this gallery on my site and ive managed to take the slider menu off - what i wanted to know - is it possible to have the gallery loop endlessly?? thanks in advance.
ImageFlow needs to be running inside a PHP server for images to appear
Hi probably a simple issue but i'm having a problem...I have downloaded the package on a mac and a pc and when i click on the index file the coverflow works but displays no images, just a white border. The longdesc link works and i can change it to a URL or another file and the link works fine...no matter what i do the page won't display images in the actual coverflow page....anyhelp appreciated!!! Thank you Rich
@ Colin: You _must_ set the right width and height attributes for each image to get correct scalings with the IE... Blame the IE ;D
Having problems with internet explorer 7 when loading page in firefox,opera,safari works fine but when loading in ie7 images look squeezed vertically any advice cheers
Hi there, I tried to implement imageflow + highslide but when I click I only get a "loading" message. Any clue on what I did wrong? Thanks!
Hi Hello. Ye Gods. It couldn't be simpler. Just use the page url or a link to your page HTML file as the value in the longdesc property of the img tag in imageFlow Bingo!
10:30 - ImageFlow patch for Enter key support
@Finn I've created a patch that calls the onclick for the current picture when you press the Enter key. If you'd like it shoot me an email: scott@ggr.com.
Is there an option, that I can link my pictures in my ImageFlow Gallery? At the moment, when I click a picture, a new window with only the picture pops up. But I want, that I can set links, so I by clicking a picture I come to another page of my site. Would be very nice if that would be possible, thank you and arigatou!
@MJ I left image cursor blank and then defined it in the CSS. For Mozilla browsers you can use a simple property and for other browsers you can call an url.
@Finn, Have you done something about the endless imageflow yet ? I m working on a project that would really need this feature; Otherwise do you have some ideas on how do remix your script to help to do that ? Thanks
Das war wohl xStep ;) Geht imageScaling:false nur bei gleich breiten Bildern ?
Hi, ein sehr schönes Modul für Typolight. Allerdings bekomme ich es nicht hin, meine Bilder unskaliert nebeneinander anzeigen zu lassen. Laut Examples mit imageScaling: false ... egal wieviele Bilder in ich Tl anklicke, es werden immer nur die letzten 3 angezeigt und beim scrollen komme ich nicht zu den ersten Bildern. Startbild ist 1. Ist das ein bekannter Bug oder mache ich was falsch =
whoops the box just ate my code ;-)... imgsrc="getpic.php?file=picture.jpg"
wow, just found this wonderful tool. Is it possible to load pictures (from elsewhere on the harddrive) via ? I tried but did not succeed. Thanks in advance and greetz from munich!
I'm having a website designed by a company in LA. I'm assuming they have gotten the proper license. ImageFlow functions very nice in Fire Fox, but in IE, Chrome and Safari it functions rough. Kind of like it gets big and settles. Any advise?
Gibt es auch eine deutsche Dokumentation zu dem Image-Flow Tool??? Beste Grüße
Hi Good script, but I'm having a major problem getting the background colour on the Image Flow when using High Flow / onClick function. I have the following code at base of imageflow.js:- var Highslide_3 = new ImageFlow(); Highslide_3.init({ ImageFlowID: 'CivilPartnershipGallery', onClick: function() { return hs.expand (this, { src: this.getAttribute('longdesc'), graphicsDir:'highslide/graphics/', transitions : ['expand', 'crossfade'], align: 'center', outlineType: 'rounded-white', fadeInOut: true, dimmingOpacity:0.75, // define the restraining box useBox: false, width: 640, height: 480, showCredits: false, reflectionGET: '&bgc=141413', captionText: this.getAttribute('title') }); } });}); Everything works except the background colour that stubbornly stays black. Any ideas? Cheers Glennyboy
This is a wonderful tool! I would like to be able to show related content on my site depending on which image is the active image. You can see it being done here: http://www.advomatic.com/ Is there a simple way to do that?
What is the value for imageCursor to display a hand?
The block of script in this url also contains a function to resize the main image in proportion to the browser width on load as well as the reloader function. Please feel free to copy. http://www.godfreyryan.com/16x.html
I have found a really nasty bug in Internet Explorer (all versions) which prevents a new url window, that is called from the imageFow onClick option, from opening properly when a specific window width is given. Any large image within the url is loaded with big black horizontal gaps and can only be corrected by reloading (refreshing) the url. I have come up with a neat solution to this bug, which is to include a small block of JavaScript in the called url to reload the image continuously every one second. Effectively it is the same as running a small image rotator with the same image called over and over again. The timeOut could be set to less than a second to refresh more quickly if it's required.
Is there anyway to prevent images being dragged and dropped (removed) from image flow?
dee. My quick answer to that would be to toggle imageScaling to false and then break your image up into multiple slices in Photoshop. The sections could then be inserted into imageFlow in sequence and scrolled in the normal way. There would be almost no limit to how long the image could be. I'm sure one could rewrite imageFlow.js but that would be beyond my knowledge. It would be great to know if you ever try the slicing technique.
hi there, this imageflow is very cool, thankyou! I need some advice, What if you have one long horizontal image that you just want to slide from left to right and vice versa? instead of individual photos .. how do we do that?
hALLO SUPER TEIL ; eine frage wie kann ich die bilder in einen cache laden so das er sie nicht immer neu erstellen muss ??
Thx again for your advice. I found some problem of ImageFlow. If I put ImageFlow's div inside other div that set style="display:none" and I use JS to change the attribute to "", the hidden div and inside elements are showed but only ImageFlow aren't present. This problem occurred in major browser such as FF (3.4), IE8 , Opera10 and Chrome So, I tried to solve this problem by use JS. I set style="" in document (in other word by default) and use JS to change the attribute to "display:none" after load document 1500 millisec , with this method I still found problem with IE8. In the first time, Imageflow still disappear, until I change to use a compatibility view of IE8 all work done. My report may helpful for the developer in future work. Thank a lot for you great work
First of all this is a great way to create a linear gallery! In fact, I'm using it on my site. However, I'm having some issues with my tabbed (jquery/JS) content and imageflow. I've hacked it a little but have gotten stuck. I've also tried using other tab plugns. I'm using the Jquery UI tabs demo one right now. everything loads alright however when I change the size of my browser window in any way, the other Image Flow galleries in the other tabs disappear. Any help is appreciated, I'm an artist trying to create my own site so I have a very limited background in this stuff (none) though I learn quick. the site in question: www.philipdahl.com You have done some great work with this JS I'm sure you have the knowledge to solve this issue. Erzeugt Deutsch-Übersetzung: Vor allem ist dies ein guter Weg, um eine lineare Galerie Neues! In der Tat benutze ich es auf meiner Website. Dennoch bin ich mit einigen Probleme mit meinem Registerkarten (jquery / JS) Inhalt und imageflow. Ich habe es ein wenig, aber gehackt haben bekommen stecken. Ich habe auch versucht, die andere Registerkarte plugns. Ich verwende das jQuery UI Tabs ein Demo-right now. Belastungen jedoch alles in Ordnung, wenn ich die Größe meiner Browser-Fenster in irgendeiner Weise zu ändern, verschwinden die anderen Image Flow Galerien in den anderen Registerkarten. Jede Hilfe ist willkommen, ich ein Künstler versucht, meine eigene Website zu erstellen, so habe ich eine sehr begrenzte Erfahrung in this stuff (none), obwohl ich schnell lernen bin. der Standort in Frage: www.philipdahl.com Sie haben einige großartige Arbeit mit diesem JS Ich bin sicher, Sie haben das Wissen, um dieses Problem zu lösen tun.
you make my gallery photo goes to groovy! you cool guys
ok, hat sich erledigt, wenn das Hirn ausschaltet sollte man schlafen gehen ;-)
Hi Finn, also nun werden mir die Bilder auch angezeigt, jedoch nur im png Format, gibt es eine Möglichkeit die Formate jpg und gif ebenfalls anzeigen zu lassen?
Hi, bin auch grad am rumtesten, jedoch wird mir ebenfalls nur der Text angezeigt, woran kann das liegen?
Hi, how can i change the loading-text before the images show up? I want to change it into my own language. Thnx
immer noch
ja, einer da!
hallo, einer da
OK, hat sich erledigt, wer lesen kann, ist im vorteil ;-)
Hello, I have imageflow displayed in a plugin panel on my website. How can I stretch the imageflow to fill the panel widthways? Right now I have a large panel with a small wheel of images in the center. Thank you
kann mich nur anschliessen: tolle arbeit. leider bekomm ich nur die texte zu sehen, nicht die bilder. hier mal kurz die php-info bzgl. GD: GD Support enabled GD Version bundled (2.0.34 compatible) FreeType Support enabled FreeType Linkage with freetype FreeType Version 2.3.9 GIF Read Support enabled GIF Create Support enabled JPEG Support enabled libJPEG Version 6b PNG Support enabled libPNG Version 1.2.37 WBMP Support enabled XBM Support enabled wo könnte der fehler liegen ? danke
Lightbox Clones Matrix: http://planetozh.com/projects/lightbox-clones/
Hallo, habe gerade etwas mit dem ImageFlow herumgetestet. Wirklich tolle Arbeit, danke. Gibt es eine Möglichkeit, das Gliden nach dem laden mit einer startID zu entfernen? So, dass der ImageFlow gleich mit dem startID Bild aufgerufen wird und nicht von Bild 1 zum zum startID Bild gleitet. Nur so kann ich den ImageFlow als Navigation in einer Seite benutzen.
Nozomi. Maybe I have misunderstood your question but what I do to achieve a different look to any of the images that I want to enlarge, is to create a separate page of html to surround the larger image and then write a unique block of JavaScript, within that html, to control how it will be presented to the viewer. In other words the onClick event brings the viewer to a new web page rather than just a larger image. Hope this helps.
Thx G.R. for your suggestion. I've a little bit some question. If I want to run some script after onClick event for each image How to cope with this situation ? I found in document about "domReady function" but it run a same function for all image instead of run different script for different image as I want.
Nozomi. In the section, just after the Credits, marked "Setting option defaults", insert "false" instead of "true" after "reflections:" (without the quotation marks, of course). You could upload refect2 and reflect3, just in case you change your mind.
If I want to use only JS without php and I don't care for reflex effect How to do? Please
Yong Fei. Which click do you want to disable. There are 3: button, unfocused image and url.
gibt es eine Möglichkeit noch weitere funktionen in bezug auf "highslide" zu ändern als die die du auf deiner Seite als Beispiel hast? ich möchte ganz simpel "font-family" des "alt-tags" ändern und ich möchte den text rechts vom Bild haben. Die "highslide.css" bringt mich nicht weiter. Und auch sonst scheinen mir die Optionen in Verbindung mit "highslide" sehr eingeschränkt zu sein.
I want to disable click to image. How to do? plz help me.
beim durchblättern durch Finns Blog habe ich die Lösung gefunden - wer lesen kann ... Ich hatte keinen Pfad in hs.graphics.Dir auf der HTML Seite - ein Hinweis darauf währe trotzdem nützlich. hs.graphicsDir = '...';
Zunächst - DANKE für dieses super Script. einfach zu verwenden und optisch die meines Erachtens derzeit beste Gallery. Leider mag mich die highslide-Funktionalität nicht. Außer einem "Loading image" will bei mir nichts starten. Die highslide-Demos laufen hingegen super. Kennt jemand das Problem - was mache ich falsch? Schon mal Danke.
domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'rollover' , reflections: false, reflectionP: 0.0}); }); also so sieht das dann bei mir in der datei aus und es tut sich nix...wäre nett, wenn wir jemand einen tip geben könnte.
hi, erstmal danke für die schöne arbeit. ich habe leider ein Problem und zwar nimmt dein Plugin keinerlei Änderungen an. Ich habe oben im "Header" der "imageflow.js" ("button:true" etc.) Werte verändert sowie ganz unten wie es in deiner Anleitung steht aber es tut sich NICHTS. Des Weiteren habe ich auch mal das .png für den Scrollbutton verändert und selbst das wird nicht übernommen. Was mache ich falsch?
habs herausgefunden. Habe einfach den folgenden code angewendet und tada die bilder werden angezeigt. Also liegt es daran das ich nicht die GD Bibliothek besitze. (Standard bei xampp nicht dabei ?) Nun meine frage wo bekomme ich die ? var example_2 = new ImageFlow(); example_2.init({ ImageFlowID: 'example_2', reflections: false, reflectionP: 0.0 });
Hallo zusammen, wie so einige, hab auch ich das Problem das nur die Filenames angezeigt werden anstatt die Bilder. Wenn ich jedoch den benutzten Pfad in die Adresszeile angebe wird mir das Bild einwandfrei angezeigt. Woran kann das liegen. Bzw. was braucht ihr noch an Informationen um dies zu beantworten. Bild Adresse: http://localhost/red/node/reflect2.php?img=/hoeck/img/img2.jpg
I cannot get my images to show in the webpage all I see is the file names. Please email your answer to jim.everhart@gmail.com Thank you
@ andreas: Such mal nach den setTimeout Parametern im Quelltext und spiel mit den Werten rum, um die Animationsgeschwindigkeit zu verändern. Wenn sich dadurch wenig ändert ist dein Browser der Flaschenhals (muss die sichtbaren Bilder alle 50ms resizen... ;D) Endlosvariante ist für die nächste ImageFlow Version geplant...
andreas. ANIMATES IMAGE GLIDING setTimeout
hey, erstmal muss ich sagen SUPER skript ! passt für meine wünsche perfekt :) allerdings hab ich zwei fragen: kann man die geschwindigkeit ändern wie schnell die bilder sliden ? und kann man eine endloskette machen an bildern, also das es nach dem letzten bild wieder von vorne beginnt ? denn ich will das immer 3 bilder zu sehen sind, und wenn man das letzte bild anklickt ist rechts alles leer, und das will ich damit verhindern ! wäre super wenn du mir helfen könntest ! lg
@ Stefan: Das habe ich noch nicht ausprobiert. Versuch es doch einfach mal...
@ Frank: Nein... du kannst das img position:absolute im CSS deaktivieren, das macht einen lustigen vertikalen Effekt, ist aber sicher nicht das was du willst ;D
@ Bat: Ruf mal direkt den Bildpfad im Browser auf. Die php Datei sollte dir dann eine Fehlermeldung ausspucken. Vielleicht kann man dann auf das Problem schließen!
Ok, hab rausgefunden, dass am besten 2.0.28 laufen soll, das beschriebene Problem tritt allerdings auf einer 2.0.34 auf. Hast du ne Idee, worans liegen könnte?
Hi Finn, gibt es eine Mindestversion der GDlib? Hab ne GDlib die auch PNG Transparenz unterstützt drauf, aber es klappt nur mit der reflect2.php, ansonsten sieht man nur die Bildnamen.
Hallo Finn, kann man die Bilder auch vertikal revolvieren lassen? Viele Grüße von Frank
Hi Finn et al. Wahrscheinlich sehe ich den Wald vor lauter Bäumen nicht mehr: Gibt's eine Möglichkeit, dass Imageflow in Kombination mit Highslide nicht nur Bilder vergrößern, sondern auf Wunsch auch HTML-Elemente im Highslide-Popup anzeigen kann - und das in einer Galerie (wenn ich's richtig verstanden habe, ist in der Dokumentation nur die möglichkeit onClick=... hs.expand... und onClick=...window.open gegeben). Dank & Grüße, Stefan
Is there a way to make ImageFlow loop continously?
Hi there I'm using ImageFlow 0.9 within a project to display a range of products. When you click on the product image at the front it changes some content elsewhere on the page via ajax and all works great. Is there anyway though that when you click on one of the images either side, to bring it to the front, that I can change the content via ajax at the same time rather than having to wait until the image has got the front and then clicking on it again to change the content? I guess it would just require a minor adjustment to the image.onclick part of the js file and I tried to make an amendment but with no joy. (Please note that I don't have any javascript skills). Many thanks in advance, Paul.
Hallo, ist es irgendwie möglich auch externe Bilder anzeigen zu lassen? Denn imageflow klappt bei mir nur mit Bildern, die ich auch auf meinem Server liegen habe. Das wär sehr gut wenn es gehen würde. Danke für eure Antworten schonmal :D
onClick kommt kein Bild nur loading im Verbund mit Highslide
Anbei noch mal eine Grafik mit meinem Problem. Ich habe die CSS-Eigenschaft "Overflow" mit Absicht auf scroll gesetzt: http://www.pic-upload.de/view-3292773/1.jpg.html Gruß
Hi, hilft nicht. Mir würde es auch reichen, wenn ich irgendwo die height ändern könnte. Oder zumindest die Reflexion rausnehmen könnte. Die habe ich zwar in der js-datei schon auf false gesetzt aber der nimmt noch die hälfte des Platzes weg. Griß Thomas
Ist es möglich, dass die Bilder sich nicht dynamisch verändern, wenn man das Browserfenster verkleinert/vergrössert? Es soll sich also nur der Container verändern können..
Thommy. Es ist wichtig Punkt Nr. 13 in die FAQs lesen.
Ich bin schon sehr sehr weit unten, ich dacht evtl ist das über z-index änderbar. Gibt es da evtl eine Möglichkeit Grüße Thomas
Thommy. Du musst die links weiter unten stellen. Alles ist veraenderbar in imageflow.css
Ich bin mitlerweile auf den gedanken gekommen das mein Server kein PHP 4.3.2+ hat. Ich probiere jetzt ob es offline auf meinem PC funktioniert.
Hallo, ich habe Imageflow installiert und nun überdeckt es mir ca. 100px nach unten meine Links. Was kann ich dagegen machen? Das Script an sich ist aber Top. Viele Grüße Thomas
Irgend etwas verweigert anscheind das Bilder auf der Homepage angezeigt werden. Die Bilder, Buttons und Slider werden nicht angezeigt. Ich kenne mich mit Der Programmier Sprache nicht aus daher sind meine Fehler suchen erfolglos.
Ich bin Schritt für Schritt der Anleitung für Imageflow gefolgt habe alles nach anleitung geändert hochgeladen oder eingefügt doch leider werden mir keine Bilder angezeigt. Wenn ich jedoch auf den (Fehlendesbild-)kasten drücke öffnet sich eine neue Seite mit der Großansicht. Hilfe! Meldet euch mal bitte Webmaster@Robin-Will.de
Jonah. You refer to coverflow each time, yet you do seem to be using imageflow. I also notice that you have a link to a packed version of imageflow.js. Try working with an unpacked version. Linking to a seperate js file is what you are doing already with the tag but I don't think it's the problem. You might have a fundamental problem in uploading your javascipt for imageflow.
Hi again. I've set my page up a little more regular. But I'm still having the same problem despite turning off reflections (they still seem to appear in firefox.) In fact when I use any options they don't seem to work, such as the coverflow start ID or start animation... I can turn them to true or false or set startid as 3, but it just comes up the same with the first image to begin with... what else am I doing wrong? You mentioned linking all js files? not sure how i would do this as I've put them in the places in the instructions of the js I've used...? Thanks for any help again.
Hi I'd like to integrate Fancybox with ImageFlow. Do you think, its possible? Do u have an Idea how to do that? Id like to show a bigger version of the images onclick. I already used the onclick thing, but now i dont know what to do, because fancybox expects tags, wich mess up the imageflow. http://fancybox.net/
Hallo, Ist es möglich 2 boxen mit verschiedenem Inhalt Direkt nebeneinander anzeigen zu lassen? ich bekomm das nicht hin.
Jonah. There's also a problem on Google Chrome but everything seems fine on all other browsers. I had a similar problem when developing my own site and I found that if reflections were disabled in the imageflow.js options, running two or more scripts simultaneously was ok. By the way I notice that you have a very unusual html layout. Should you not reorganize your html into the standard head and body tags? And also, putting links to all js files rather than keeping some of them in the main html file might help.
Problem on Internet Explorer. Hi, I think the coverflow is awesome, but it won't work for me on explorer. it was working, until i added image rotator at the top of the page also... both work together well in firefox, but only one in explorer. could you have a look at my site and see what may be causing this, thanks: http://ashling.yorkwebsites.co.uk/jonah
I downloaded the zip file, loaded up the example file and the images don't seem to show. and also me change the css but its not working before as well as after changing css can u give any idea about that
Ok, für alle die das Problem auch einmal haben sollten, es lag an den jpgs. Habe Sie nochmal mit einem anderen Programm komprimiert und jetzt scheint es zu laufen.
Hallo Finn Ich arbeite gerade an einer Website und habe das Problem, dass im Firefox (3.0 und 3.5) einige von den Bildern nicht immer geladen werden. Ziemlich willkürlich sind es meist eins oder mehrere der letzten drei von acht Bildern. Ich habe die Startseite testweise schon online unter: www.art-direct-service.de Erstaunlicherweise funktioniert alles in IE6, IE7 und IE8. Lokal in Xampp funktioniert es auch mit Firefox. Ich benutze reflect2.php (wahlweise mit png und jpg). Mit reflect3 .php erscheint eine GDlib Fehlermeldung. Ich habe laut php.info: "GD Version 2.0 or higher" sowie PHP Version 5.2.0-8+etch15. Die Seite ist valide. Ich sitze jetzt seit gestern Abend davor und finde nicht raus woran es liegen könnte. Habe schon mal probeweise andere Bilder verwendet, sowie alle FF Add-ons abgeschaltet, alles ohne Erfolg. Hast Du einen Tipp woran das liegen könnte? Vielen Dank schon mal für Deine Hilfe! PS: Lizenz(en) kaufe ich selbstverständlich, wenn alles funktioniert ;-)
Web-Anfaenger. Du hast nicht gesagt ob die Bilder in den anderen Web-Browsern angezeigt werden. (Firefox, Opera , Chrome.......)
Steve. All the image sizing and scaling, as well as the distance between images can be adjusted in the options of imageflow.js. Just be aware that they will all be interdependant. A lot of trial and error may be necessary to achieve the result you want.
hallo Finn_Rudolph Moechte gerne wissen , wo Imageflow in Drupal integriert werden soll ? Habe Imageflow in Plugins unter Slideshow positioniert, dann kann ich es sehen in drupal_views ; dann kriege ich das Message : muss in plugins sein ; dort kann ich es aber nicht in Drupal lesen ; Freundliche Gruesse aus 'sud'-africa ;
Hi Finn, I am interested in having the animations rotate upward (like a smile) instead of downward (like a frown). I have adjusted the javascript file line 479: var newImageTop =, but I'm not getting the right results. Do you think its possible to add a flag to control the rotation direction.
Hi - I'm having a problem with Imageflow and IE8 - the main problem is that grabbing the slider seems to be very difficult and once grabbed I have to move the mouse up the screen a little before dragging sideways, else it drops the slider. A secondary problem is that it sometimes highlights/selects the whole page (which goes purple) instead of the slider. I've tried turning off text selection with javascript which works but I'm a bit concerned that there may be side-effects I haven't discovered yet. Anyway, the main problem is the first one: in other browsers such as Firefox, Opera, Safari, Chrome, the slider works fine.
Bit of a stupid question probably - but how should I go about adjusting the size of the images? They're currently scaled smaller than I would like. Cheers, Steve
Bei mir werden die Bilder einfach nicht angezeigt. Der Flow funktioniert, aber bei den Bilder kommt im IE nur der Rahmen und eben das kleine rote Kreuz im Eck dass das Bild nicht vorhanden ist! Kann mir bitte jemand helfen???
Thank you for this good Cover Flow! it's perfect and very light, with a slideshow it will be perfect! Good Job and Thank you for the Community
Two requests which would make it easier to position the caption over the top of the images: 1) Ability to explicitly set the caption DIV width. This stops the DIV extending across the screen and capturing clicks to the right. Could be a property called captionWidth. 2) Click-detection on the caption: this allows a click on the caption to be processed as though it was a click on the frontmost image. Turned on/off in the settings. I'd also like to request the ability to register two callbacks. The first would be called as an image is about to become the frontmost; the second would be called when an image is no longer frontmost. Both callbacks would be passed the index of the image. These calls would allow the DOM to manipulated--to emphasise the highlighting for example, or change the onclick handler.
To move slider, could mouseover and drag be implemented instead of mousedown and drag?
Kann ich in die Caption auch ein img tag einbauen damit ich ein icon für die Eigentliche Beschreibung des Text machen kann? Wenn ja warum wird es bei mir nicht angezeigt er fügt den Tag und Text ein. Aber ich sehe das icon nicht.
tach zusammen, wie kann ich denn am besten die abstände der bilder definieren? mein ziel ist es, dass sich die bilder im hintergrund nicht mehr überschneiden... mit imageScaling: false wäre das zwar der fall, dann behalten die bilder jedoch auch ihre größe bei (logischerweise). sie sollen also im hintergrund zwar kleiner werden, sich jedoch nicht mehr überschneiden. vielen dank schonmal im voraus, marv
تحديث الايميل
Hi, auf http://rootwar.org/gallery/set.php?id=72157621421855469&title=shots kannst du meine implementierung von ImageFlow sehen, leider lädt er Bilder nicht sobald sie anstatt auf die Platte auf ein Http Ziel zeigen. Ist das normal? Hoffe hier kann mir geholfen werden Grüße Philipp
If you want to support png reflections in IE6 with TwinHelix's iepngfix http://www.twinhelix.com/css/iepngfix/ then the php generated images will need to end with .png. You can do this by using the reflectionGET parameter and setting it as { ImageFlowID:'myImageFlow', reflections: true, reflectionPNG: true, reflectionP: 0.2, reflectionGET: '&height=20%&.png'}. Once you've followed the instructions for including the IE png fix, your images will now be reflected in IE6.
Hi Finn, There is a problem with Imageflow and IE6, IE7 and IE8 that wont fade out a transparent png without ruining the transparency. These options will recreate the error: instanceOne.init({ ImageFlowID:'myImageFlow', reflections: true, reflectionPNG: true,opacity: true,}) There is not currently a known fix for this problem. The only solution is either not use transparency (reflectionPNG: false), or dont use opacity (opacity: false) I am also experiencing a display error when using these options instanceOne.init({ ImageFlowID:'myImageFlow', reflections: true, reflectionPNG: true, reflectionP: 0.5, reflectionGET: '&height=10%'}) the percentages of reflectionP and reflectionGET do not match so the image is stretched.
Bei mir will ImageFlow einfach nicht. Sitze da schon 2 Tage dran. Weiß aber auch nicht genau was ich Schritt für SChritt machen soll. Wirklich nur die angegeben Dateien hochladen, oder alle? Und was mus ich bei step 3 machen...?
This is very good - and easy to use. The action is smooth and attractive in FF and Opera but 'chunky' and disconcerting in IE(7). Can anyone suggest why this is and whether there is a way to smooth it?
@splendidus: Please, could you show me an example of using auto-scroll? I'm very interested in that.
hi ! what is the parameter to keep the original size of my image in imageflow ?
12:05 - hi ! what is the parameter too keep the original
hi ! what is the parameter to keep the original size of my image in imageflow ?
ich habe das Problem gefunden. Es lag an der Pfad zusammenstellung in den php dateien. Ich habe die auskommeentierte Variante aktiviert und dasnn hat es bei uns funktioniert. anbei zu besichtigung die url: http://projekt2.stagingserver2.de/de/fotogalerie/galerie2.php
does this support HTML..?
Hast Du ein URL wo man sich das mal anschauen kann?
is it possible to have only one of the links on the images opening in a new window, and the others opening in the same window? Thanks a lot! (I love your work!)
ich habe noch ein bisschen rumprobiert, aber er zeigt mir einfach die fotos nicht an. im ff sehe ich die rahmen der fotos und die alt tags, kann auch navigieren aber fotos sehe ich nicht. im ie8 bleibt er bei der ladeanzeige stehen. deaktiviere ich das javascript sehe ich die fotos jedoch. kann mir bitte jemand weiter helfen, bräuchte das dringend.
Hallo Finn, jetzt häng ich doch wieder am Firefox 3.0. Ich selbst benutze 3.5 aber es gibt doch den einen oder anderen der noch FF 3.0 verwendet und hier wird Imageflow weiterhin vertikal angezeigt. Gibt es hierzu einen Workaround? Hier die Problem-Seite: http://www.mprah.de/layouts
ich habe die js, css und php dokumente auf meinen server geladen. die aufrufe in den header eingebunden. bei aufruf der galerieseite wird die galeri nicht angezeigt. das script hängt bei "loading images 0/4". habe ich da was übersehen?
When will be possible to have an autoscroll function? someone already implemented it?
Soren. Both are adjustable in imageflow.css
I downloaded the zip file, loaded up the example file and the images don't seem to show. I created my own page and the picture didn't show on that either. Any suggestions as to why?
Hi Finn, is it possible to adjust the alignment of both the slider and the caption somehow? I have the problem of very light surfaces 'eating-up' white text (and of course the opposite can be problematic with dark text on a dark surface) ...
The reflection is almost impossible to get right ... any1 got the reflection working good on a background or gradient.
Hi Finn, your cross-browser right-click solution is great. Currently, the click field is only one element. What if I want to enable a click field for multiple elements?
Hallo, dies ist ein Test, wie der Text angezeigt wird
ya, finally got it to work, just now the reflection is too black, while using "reflectionPNG" as true don't know why ...
Just keep experimenting with all the options. You would be surprised how interdependent they are.
It's just very weird, I mean it should work, it's getting frustrating ...heh, but thanks for the help, any more ideas?
LOU. This may be a long shot, but insert a very large top and bottom margin on the outer image wrapper div to give a whole lot of leg and head room. Sqeezing image flow into too small a space , I have found , gave me all kinds of problems.
Lou. sorry about that. I should have checked the incoming posts first.
I suppose this is logical because PHP is a server-side scripting language and the Dreamweaver internal browser does not call any files from the server, at least I don't think it does.
ya I uploaded to see on my website, but still does not show, the images don't show, only the text on the left side corner, and of course no reflection. Don't understand why...
LOU. I presume that you are running your slide show live on the web, while developing, becase I have found that the Dreamweaver internal browser does not show anything when I enable reflections. Whereas everything is ok on all web browsers.
Checked if my server had GD library and it does, I assume the version does not matter much right? I don't get why enabling the reflection makes the images disappear... any help would be appreciated it. Thanks.
Roeland. Set a position for slider and caption in imageflow.css. Do not forget to leave sufficient margin (more than 100px) below the image outer wrapper div, while you are experimenting. I am presuming that you have read the instructions for doing this in Finn's FAQs.
Love to hear how, dude. Can't figger it out
Roeland. Yip.
does Imageflow allow the caption to be displayed underneath the slider iso above?
Is it possible to change the reflection into an image of a shadow? So that reflect2.php generates a shadow instead of a reflection by getting the width of the image given and making the shadow image the same size and putting it under the given image?
I mean that when I turn the reflection back on, the images don't show and of course neither does the reflection
Having the exact same problem.. help please
sorry for the post ?php $files = glob("gallery/testimage/*.*"); for ($i=1; $i
Hi have problems with reflection in image flow. Whenever i do a refresh page the images duplicates twice as many images. I use this to call our my images Please consult
on ie7, images don't all load. It stops after loading 42 of 47, doesn't go further, loading stops. Works fine on firefox 3.5.2, safari 4.0.3 on mac and windows (windows is running 64 bit vista)
I should add that trying to get a different caption for each image caption in highslide is not a problem for text, but can't get text and links in the caption.
Hi Finn, I must say that imageflow is easily the best slideshow that I have ever used. After a lot of fiddling around, I have got mine to work just as I want it, with just 3 small glitches in Internet Explorer, which are insignificant. Many thanks for a fine piece of work.
Never mind, it's working great now!
Trying to get a different caption for each image caption in highslide. The alt caption from image for imageflow caption is fine, but want each expanded image caption in highslide to be different. Just can't get any of the highslide caption methods to do this through imageflow. thanks Dan Brady
Hi Finn, All i get is the images showing at full size. I thought I had it all set right, but it's not working. Any help would sure be appreciated!
Hi, Finn.. I have a problem.. when reflection it´s=TRUE.. the images doesnt appear in my web... and when i turn it to false the images appear but without the reflection.. I have 5.2.10 PHP version and GD library.. where can it be the problem..?
Man Fatih. You are welcome. But what I'm saying is that is is showing up wrong in 7 or 8 browsers. This means that you have not done the configuration properly. Who knows why I.E. is showing it correctly. I.E has produced a "corrective error" If I were you, I would forget about I.E. untill the end of your set-up, and then when you are happy with it in every other browder, put in some alterations to make it acceptable in I.E. I.E. does a lot of wierd things for no apparent reason. I can tell you that it took me almost a week to get mine working half right in I.E.
Thx for the tips, but in fact not IE is showing it wrong... so for example a gallery with 3 Picture: In IE it looks like - oOo but in FF it looks like OOO - So the pictures do not get smaller in the background in Firefox. Thats my problem. How you can see on my link i actually use opacity :(
Man Fatih. I have had another look at the page with Internet Explorer 8. It's the only one showing an image differential. You would be better off doing all your developement in Firefox or Opera, because I.E. is the one that gives all the trouble. You will then need to put some fixes in for it.
Man Fatih. It's hard to know what you mean about scale in Firefox, All the images look the same height in all my browsers including Firefox. You need to do a heck of a lot of fiddling around with the options to get everything as you want it. For instance, for some inexplicable reason, you get much more control over image size with opacity enabled. Just set all the values to 10, if you do not want opacity. Also give the outer image container a bit more space at the top and bottom. You also have a problem with adjacent images bumping into each other. There is no problem disabling the mouse wheel. Just delete the piece of script controlling it. It's not hard to find. Keep experimenting. It will take some time.
Can nobody help me ?
SET OPTIONS slider : false, ganz einfach!
Kann ich irgendwie denn slider ausblenden oder ausschalten! Ich hätte gerne nur die Bilder und den Text angezeigt!
Sven, If you are still having problems, send me your Email (in non link format, to prevent web-scooping) and I will send you all four files for my page http://www.godfreyryan.com/Slideshow1.html which works fine on all browsers.
Godfrey Ryan, I'll try it. Thanks!
Sven, Can you describe the formatting and distortion problems? Also, looking at your link, I can see that you have not left enough space at the bottom of the scrollbar to move it down any further. You must make another outer container around the imageflow div container and write some css rules for it's top and bottom margins and it's position. It's in the FAQs. Then you will be able to move it up and down all you like. The older I.E. browsers do not allow as much space at the bottom of the scrollbar.
oh. im sorry. this should mean: in the actual version of firefox the scale is not executable ...
hey hey :) in the actual version of firefox the scale. so all pictures have the same high. is not executable. in IE it looks right. you can see what i mean on www.nightlife-cooperation.com/index.php?site=crew i am also interested in how i can deactivate the function of the mouse wheel in the gallery. PS: ich spreche auch deutsch =D
02:25 - @Ruben Wiersma, Bender
Thank you m8!
hmmmm, css part didn't get posted. It is:
Can't get highslide to dim background when image enlarges. Imageflow js is: var Highslide_3 = new ImageFlow(); Highslide_3.init({ ImageFlowID: 'Highslide_3', buttons: true, aspectRatio: 1.525, imagesM: 1.2, startID: 10, onClick: function() { return hs.expand(this, { src: this.getAttribute('longdesc'), dimmingOpacity:0.75, dimmingDuration: 50, outlineType: 'rounded-white', fadeInOut: true, captionText: this.getAttribute('alt') } ); } }); css for images is:
21:55 - @ Bender, Ruben Wiersma
You should add longdesc="linkofchoice" to your image tag. E.G.
Ich habe Version 1.2.1 installiert und in älteren Browsern funktioniert die Formatierung der Galerie nicht. Bilder verzerrt und slider & scrollbar passt nicht. I installed version 1.2.1 and in older browsers, the formatting does not work. Distorted images and slider and scrollbar does not fit. What can I do? www.united-pixel.com/test_update
Ich bin ein Idiot! Erst das Maul aufmachen, bevor man in die FAQ schaut... Ganz ehrlich,Du bist super! mach weiter so!
Huch :D habe gerade erst gemerkt, dass Du ja Deutsch kannst :) Also nochmal... Ich müsste die Möglichkeit haben beim klicken auf ein gewünschtes Bild, dass sich dann auch eine Gewünschte URL öffnet. Ist das Möglich? Grüße!
Hello m8! i Love ur Script, it's AMAZING! But tell me please, is it possible to change it in this way, that by clicking on the choosen picture u can open an link of choice? I need help, i tried to do it, but it's nearly impossible for me to find how to do it. Love u m8!
Feature suggestion: show html for every image. So you scroll to one pic and some content (might be name of photograph, might be anything else) is shown below the imageflow. Compare it to iTunes, where the corresponding album is shown in the table below.
Got it working with Wordpress/NextGen but want images to show Thickbox style and not in just a new window. NextGen supports this so it must be easy with ImageFlow ;-) I presume I need to add a class="thickbox" to the image links but not sure where to do this - can you help?
Hi Godfrey Ryan, ich hatte die begonnen mit meinen alten Einstellungen die 1.2.1 zu installieren. Die Galerie war danach hin. Ich nehme mir aber nochmal die Zeit und werde probieren. Danke
Sven, Ein Vorschlag: die neue Version (1.2.1) ganz voellig einstellen, und danach eine ueberpruefung wiedermachen.
Hi Finn, erst einmal vielen Dank für imageflow. Ich habe ein Darstellungsproblem der imageflow Galerie mit älteren IE Versionen(6&7). Bilder werden verzerrt. Die 8er Version funktioniert. Ich habe auch schon with und height zugewiesen - geht nicht... Kannst Du bitte mal kucken und nen Kommentar geben. Danke www.united-pixel.com/test PS Wenn ich auf die neuste Version updaten möchte, muß ich alles neu erstellen?
Finn never mind, I've sorted it out :D I went to 'imageflow.js' and changed the 'reflections' to 'false' :) now there aren't any reflections but my images are all visible :) which is just what I needed :D i love ImageFlow! :D
@ mani: PLEASE post a link... I'm not a wizard ;D
@ ceasar: Yeah that's nice, but they don't use the latest ImageFlow version and therefore it breaks with the IE and has some more bugs which I already fixed in the latest version... Take a look at the http://finnrudolph.de/ImageFlow/Changelog to get an idea what has changed since version 0.9...
@ Ruben Wiersma: Not in with the current ImageFlow version, but as this comes up very often in the shoutbox I consider implementing it in the next release... . o O (Whenever that'll be ;D)
@ Thomas Pinchen: Err, I don't see any images in your HTML that could be interpreted by ImageFlow. Please take a look at http://finnrudolph.de/ImageFlow/Installation to understand how to implement it...
@ Paul Hepple: You already figured it out by yourself. Put your code-snippet random_num = (Math.round((Math.random()*9)+1)); inside the domReady function and replace the number of the startId you're using by the variable random_num.
Hi i've followed all the on screen instructions and yet, when i open my website on internet explorer, the images do not show up :| The box around them shows up, and the navigation is perfect as well, but the only problem is that the images do not show up :( PLEASE HELP
Hai Finn. Perhaps this is nice to add to the extension page of imageflow http://www.imageflow.nl/
Hey Finn. I really love your script. Is there a way to loop the images, so that there isn't an end to the flow? You can see my implementation here: http://www.devettevis.nl/index.php
Hey Finn, Thanks for creating Imageflow its an awesome extension. I am having a problem however in that my images aren't showing up. I believe its because reflect2.php and reflect3.php cannot be properly found. Do i need to place them with any particular files. http://www.purple-technology.com I would be really grateful for any help you can provide. Thanks Tom
Hi. Any chance you can help Finn? I am wanting to make ImageFlow load up with the StartID as a random number. Any help will do? Thanks.
Hi Finn, thanks for making ImageFlow available, it's amazing! I was just wondering if it is possible to set ImageFlow up so that the images scroll infinately? It would be great if when I scroll to the last image, that it starts over at image 1. Thanks a milion! Decbrad
Hi Finn, I just have this problem, the images are not shown. Do you know why ? http://www.e-pnp.com/pages/jeux.php Thanks for your answer.
@splendidus Doh! Thanks, I'll try that!
Ivan. Everything can be changed by experimenting with the options. I have found that you can get much more control over the size if the images when opacity is enabled. You can just set all the values to 10 if you don't want any opacity. It's important to follow Finn's instructions, including any that are in the FAQs, to get maximum flexibility. It takes a bit of trial and error but you will get the settings you want in the end.http://www.godfreyryan.com/Slideshow1.html
@Ian Davies: There is a message further below from zickzack (dated Aug 19) with a fix for your problem (single image in IE). Did you try that?
Thanks to author for this script. Everything works fine, but the size of images is very large. I.e. width and height pointing out for example, 80 x 100, and displayed 300 x 500. What is the reason? in js: InstanceOne.init ((ImageFlowID: 'my_projects', Buttons: true, ReflectionPNG: true, Reflections: false, reflectionP: 0.0,));
Back again! OK, this one is a genuine bug, since I'm running the latest download now ;) A slideshow that consists of a single image doesn't display in IE (IE8 and IE7 tested). I know, a single image kind of defeats the point, but I've got the content coming out of a database that is controlled by the client, so I have to deal with the possibility of a single image being selected. It works as expected in Firefox and Safari.
Ok, by bad. I hadn't realised there was a new version just released on the 10th August! This might sort out a few other probs I was having with image sizing and reflection trasnparency
Hi. Love the script! I am trying to add the navigation buttons to my scrollbar/slider. I tried adding the buttons: true parameter but that didn't work. I then discovered that my download didn't include the button graphics (!!!) and my CSS didn't include the button classes at the end (!!!!???) so I grabbed them off the site, but it's still not working for me. Is there something I'm missing?
Guys, I love the option of linking Imageflow to Highslide. I am stuck on linking to Highslide Slideshow though. I get the popups of Highslide, but not in Slideshow view. What is wrong in my code (I call the hs.expand now --> should I call hs.addSlideshow?) My instance code in imagflow.js now reads: instanceSix.init({ ImageFlowID: 'Roeland4', onClick: function() { return hs.addSlideshow(this, { src: this.getAttribute('longdesc') } ); } }); Thanks a milion for any help.
First: Thank you very much for this script (ImageFlow). It works great, the code is clean, easy to understand and to work on. I added the auto-scroll functionality; it scrolls forth and back repeatedly (not circular). For those interested: Declare the variable var direction = -1; Add the following function: this.autoNextImage = function() { if(thisObject.imageID == (thisObject.max-1) && direction == -1) direction = 1; else if (thisObject.imageID == 0 && direction == 1) direction = -1; thisObject.MouseWheel.handle(direction); }; And call it within the init() function: if(this.autoScroll == true) window.setInterval(thisObject.autoNextImage, 3000); You have to add 'autoScroll' to the list of options (see this.default and optionsArray).
I'm looking for something like your ImageFlow, only with a circular Auto-Scroll feature (return to first image at the end ...) for commercial use. I wanted to ask if you plan to implement such a feature in the near future...
I have found the following code to make a random number: ****random_num = (Math.round((Math.random()*9)+1))**** This will generate a random number between 1 and 10. I am just not sure where to apply this code and what variables to change.
If your GD do not support "imagelayereffect" you can use code below: //imagelayereffect($output, IMG_EFFECT_OVERLAY); for($y = 0; $y $alpha_end) { $alpha = (int) ($alpha_start - ($pct * $alpha_length)); } else { $alpha = (int) ($alpha_start + ($pct * $alpha_length)); } $final_alpha = 127 - $alpha; for($x = 0; $x > 16) & 0xFF; $g = ($rgb >> 8) & 0xFF; $b = $rgb & 0xFF; $cx = imagecolorallocatealpha($output, $r, $g, $b, $final_alpha); imagesetpixel($output,$x,$y,$cx); } } //imagefilledrectangle($output, 0, $y, $width, $y, imagecolorallocatealpha($output, 127, 127, 127, $final_alpha)); //imagefilledrectangle($output, 0, $y, $width, $y, imagecolorallocatealpha($output, $red, $green, $blue, $final_alpha));
Paul, I'm sure that it would be no problem in JavaScript but it is beyond my kwowledge. I'm studying JavaScript at the moment but I find it tough going. I'm sure that a google search would come up with a suitable piece of code. It's probably quite a simple change.
One more question. I know that you can auto start the ImageFlow script on a certain image number. But can you stat the script on a random image? This would be very handy. Thankyou.
Google are owned by Mafia: http://mafiawww.com
Google are owned by Mafia: http://mafiawww.com
Thanks Godfrey Ryan, it worked perfectly. I am absolutely positive I tried that at the start though, god knows, it works now. Thankyou.
Paul. At one time, I was running two completely different slideshows on two seperate pages. I made a completely new imageflow css file by copying the original and called it imageflow2.css. I then changed the class to imageflow2 in the html file and of course made sure that all class references in the new copy were changed to .imageflow2. I then put a link in the header to imageflow2.css. I can see no reason why that would not work on the same page. You will need to change the div id for each slideshow and write a fresh set of rules in your page css file, to control the height etc as per instructions from Finn in the faqs.
Hello. I have successfully loaded multiple copies of ImageFlow on one webpage. My question is, can you set different CSS attributes to each one. I have tried to change the CLASS in the DIV with no success?
Hello Finn, your Imageflow is great. But I found a bug, if I load only one image. The Internet Explorer does not show the picture, he shows only the text of the alt tag. I fixed it in imageflow.js in line 577 by this code: var images = document.getElementById('myImageFlow_images').childNodes.length; if(images > 1){ thisObject.sliderDiv.style.marginLeft = (thisObject.newSliderX - thisObject.sliderWidth) + "px";} But I think there should be a better way to fix this bug.
No answer from me untill next week, I am on vacation ;D
Hi Lee, I'm afraid you'll have to wait for an answer from Finn on the highlight issue. I'm very new to JavaScript. If you make the centered image much bigger than the others, maybe that will make it more obvious. The space below the scrollbar can be altered by adding a position property to the .imageflow .scrollbar in imageflow.css. like this position: relative; bottom: -95%; The positions of all the elements can be altered within the two css files.
How do I apply the PNG fix for internet explorer? The menu images appear but the reflection doesnt.
Hi again. I've managed to remove the spacing at the top and bottom of the imageflow by adding... margin-top:-9%; margin-bottom: -8%; But when im in the space below imageflow the mouse scroll is still active??? why is this?
Thanks Godfrey. Love the cat's head for the scroller :-) Is there anyway I can highlight the main image? Also I have quite a lot of spacing at the bottom of the scroll bar?
Lee, the position of the buttons can easily be changed down at the bottom of imageflow.css. You can even substitute your own slider like I have, by changing the value of the properties in .imageflow .slider http://www.godfreyryan.com/Slideshow1.html
Hi Finn, Is it possible to move the location of the buttons? Also is there anyway of having the image which is displayed in the center highlighted in anyway?
Hi Finn, wollte nochmal auf das Problem mit der Navigation zu sprechen kommen. Mir ist aufgefallen, dass der Fehler (Imageflow in Kombination mit Highslide) auch bei deinen Beispiel auftritt. Wenn du auf ein Bild in Imageflow klickst, das Bild sich vergrößert und du die Pfeiltasten verwendest, siehst du wie bei Imageflow die Bilder weiter rücken aber im HS ändert sich nix. Gleichzeitig findest du in der Fehlerbox einen wunderbaren Fehler. Habe das HS mal geschrieben...sobald die was schreiben was hilft werd ich es posten, bzw vlt findest ja du den Fehler. MfG Wraith
Enabling opacity in imageflow has fixed the issue with image-chopping in I.E.7 and I.E.8. Then setting all the values to 10 will effectively give no opacity. Bingo!
Achja, wie kann ich es machen das man NUR mit dem Slider die bilder bewegen kann? MfG
Hallo Finn, Ist es Normal das die Rechts/Links Buttons immer durchsichtig sind?
Hi, Finn -- As a first step I have uploaded the vanilla code to my ISP, as a test site to get it working there. It works as expected under FireFox but not under Safari (3.2.3). However, it does work fine on my iPhone (which is a Safari variant). Here's what I'm finding: everything loads, and I can move back and forth. I click an image (say, Image 3) and it loads. I use the browser 'back' button to return to the Flow, and it does return to (in this case) Image 3. But it no longer flows properly. And as I try to force it to move, the images begin to load at odd places on the page. Of course, a forced browser refresh causes a reload and things work once again, with the flow-head positioned at Image 1. Any ideas about what's up with Safari (or my ISP settings)? http://www.mywaikikicondo.com/stest/index.html
I already use jpegs.
@ Bart: Okay, have you tried jpegs instead of pngs? Could be an FF on Ubuntu rendering issue...
ImageFlow shows black lines around the images in FF 3.5 on Ubuntu, especially when "scrolling". See vertical black line on the rightmost image in the screenprint at http://www.heinsius.nl/imageflow-ff35.png, taken from http://finnrudolph.de/ImageFlow/Examples#White_background_color
Hi Finn, Reducing the number of left and right images on imageflow has indeed improved it's performance on I.E. 8. In general though, I.E. 8 is just as bad as I.E. 7 from a web designer's point of view. A lot of the small irritating bugs seem to be still there. Thanks again for all your help. http://www.godfreyryan.com/Slideshow1.html
It's me again :P I`ve just found the solution. In Your shoutbox, of course :) Best wishes Fat_Man
Hello Finn, Please help me. I've been trying to install Imageflow with Highslide attached all yesterday's evening and I could'n have managed it. Today, I'm trying again - I've made some progress, but I only have achieved "loading" message. Could You, please tell me (in short and simple way), what I am doing wrong (or what I have to do, eg. where to paste a CSS code from http://finnrudolph.de/ImageFlow/Combinations#Rounded_corners_fading_and_captions)? Please, take a look on my gallery-to-be ;) http://www.fat_man.ovh.org/flow/index.html . Regards Fat_Man
Hi Finn, why Imageflow do not work if I just replace the file imageflow.js (v 1.0) per imageflow.js (v 1.21) ?
Michael Jackson almost 50 hitsongs overview in 15 minutes http://www.youtube.com/watch?v=As5XVm0Qz0I
@ Timo: Das hat sich mit 1.2 geändert. Die komplette Changelog findest du hier: http://finnrudolph.de/ImageFlow/Changelog
Hi Finn, "No image scaling" ist nichtmal schlecht. Mich hat aber bisher am meisten gestört, daß die Größe des zentralen Bildes abhängig vom Imageflow Container ist. Die dargestellte Größe war nahezu unberechenbar und sogar von Browser zu Browser ein wenig anders. Und nicht jeder Browser skaliert gleichgut, so daß selbst das zentrierte Bild mitunter verwaschen aussieht. Hat sich das bei 1.x geändert? Ich hänge noch bei 0.8 und hatte noch keinen guten Grund auf die aktuelle Version umzusteigen...
Hallo Finn, das Gruppieren ist nicht unbedingt das Problem (dachte daran könnte es liegen). Das Problem ist das bei den geslideten Bildern die Navi nicht geht. Habe heute bei Highslide mal nachgefragt. Antwort findest du hier: http://highslide.com/forum/viewtopic.php?f=1&t=4240&start=0&st=0&sk=t&sd=a#p20324 Ich schau mal, vlt finde ich noch einen Workaround oder bau selber einen.
@ Godfrey Ryan: You're welcome ;D
OK Finn. I'll try all that, but first I will make a new page with the new version of imageflow. Many thanks.
@ Wraiht: Dafür braucht es kein Workaround das gruppieren sollte auch über die Funktion "slideshowGroup" funktionieren. Schau mal in die Highslide Docu: http://highslide.com/ref/hs.slideshowGroup und bau das dann einfach ein wie im folgenden Beispiel auch src, outlineType und fadeInOut eingebaut sind: http://finnrudolph.de/ImageFlow/Combinations#Rounded_corners_and_fading
Scratch Input: http://www.youtube.com/watch?v=2E8vsQB4pug
Hi Finn, zuerst einmal möchte ich sagen, dass dein ImageFlow super is. Ich verwende es in Kombination mit Highslide und es funktioniert einwandfrei. Leider hab ich noch ein Problem bei der Navigation. Bei Highslide wird die Navigation zwar schon angezeigt, aber sie funktioniert noch nicht (die link-tags fehlen ja aufgrund von Imageflow). Gibt es hier bereits ein Workaround (für die slideshowGroup) so das ich wenn die Bilder groß sind die Navigation auch verwenden kann? Vielen Dank im Voraus, Wrait PS: Falls du dir ein Bild machen willst www.bujinkan-leipzig.de/test
@ Godfrey Ryan, hmmm.... strange. Can you try to disable the IE7 hack in the css (http://finnrudolph.de/Blog/ImageFlow_1.1_-_Aspect_Ratio_and_IE7_Tweak). Perhaps the IE8 has some problems with that. Uh and please make use of the imageFocusMax variable. Do not set it to 14, but to a value like 4 or 5. That will heavily increase the performance!
It's worth having a look at my site with I.E. 8, just to see how bad it is. http://www.godfreyryan.com/Slideshow1.html
The new Internet Explorer 8 mashes and chops the images when they are scrolled in imageflow even worse than I.E. 7. This problem does not occur with any of the other browsers .
I'm sorry to cause you so much trouble. I have just found out that I can use HTML code in the captionText attribute when I add Highslide. Once again thank you very much.
@Uwe S: JavaScriptObject ist domaingebunden, aber wenn du mir eine E-Mail schreibst (finn.rudolph@googlemail.com) dann können wir sicher auch eine Lösung für eine Server basierter Variante finden.
Thanks for everything. I have another question. I am working with Imageflow and I have added Highslide. Is there any posibility to add controls to the Highslide effect?
Hallo! Wir finden JavaScriptObject sehr interessant und würden es gerne in unser eigenes CMS einbinden. Gibt es auch eine Serverlizenz?
@SCaro: Hehe, wenn du reflections aktiviert hast, dann killst du deinen armen kleinen PHP Server mit MonsterBildBearbeitung ;D Geh mal mit der rechten Maustaste auf den Bildnamen und ruf das Bild direkt auf. Die reflect.php sollte dann einen Fehler schmeißen. Wahrscheinlich ist die Execution Time zu lang. Je nach Webserver liegt die so bei 30 bis 60 Sekunden pro Script. D.h. wenn die reflect.php 2 Minuten braucht das riesen Bild mit einer reflection zu versehen, dann wird es vorher abgwürgt. Wenn das der Fall ist kannst du entweder die Server Settings ändern, reflections ausstellen, oder die reflections lokal erstellen und dann hochladen.
Lieber Finn, am Ersten ich wollte ihnen für Imageflow danken, es is super! Aber ich habe eine Frage, ich sehe keine Bilder, nur die Bildnamen, wenn die Bilder sind gross (2300x3072 px), aber wenn ich die kleiner machen (1024x768 px) es klappt. Gibt es eine Lósung für arbeiten mit grosseren Bilder. Danke für alle!
@Finn: Love ImageFlow and is thinking of using it in a site. Is there anyway of getting it to auto scroll through the images if a fix time passes and no manual scrolling by viewer?
@ Denis: *UARGH* You're right... have not tested that with the IE... Thanks for the bugreport, will take a look... seems as if the IE looses the event handling between the objects...
another bug report with IE7 ? Finn, in example of JavaScripObjet, the 1st cube is automaticly loaded, I click on the second for the loading, on the third etc... and when I click on the last cube all the other do not work. The images are freezed. I have to reload the page.
any way to allow it to search for a new topic without removing the playing videos?
Dude YouFlow is amazing! I was looking for something like this for a long time, it makes it so much easier to see a lot of videos with little time, you're the man Finn!
Hi Finn. Is it possible with JavaScriptObject that all the images be loaded without you have to click on the main image ? Like ImageFlow. And for everybody who like Cinema4D, this is a good link ; http://www.instantshift.com/2009/03/31/80-excellent-cinema-4d-tutorials-and-best-practices/
Answer is in the FAQ :): http://finnrudolph.de/ImageFlow/FAQ
Hi Finn. Do you have an example somewhere, how I could use imageflow as a navigation; means with links around the images (I once saw that from a swiss programmer)? Thank you for this nice work.
Hi Finn. I'm delighted with imageflow. I noticed that I.E. 7 wouldn't render two instances on separate pages, so I had to copy imageflow.js and rename it imageflow2.js and make the corresponding changes in the second page html. I wonder is there any way to make the images glide back to the same one that opened up a link when reloaded. It would save the viewer having to find the spot where he started from before he clicked for the link? Thanks http://www.godfreyryan.com/Slideshow2.html
@ David: Why not, same principle as http://youflow.finnrudolph.de/ You just need to use the Flickr API to grab the content http://www.flickr.com/services/api/flickr.photosets.getPhotos.html
Hello. I just wondered. Is ImageFlow ever going to be compatible with pulling in photosets from flickr?
thx, danke :-)
hi finn, great tool thx i've just starte to make my own version of imageflow with highslide, there i saw your already communicated version. i've implementet everything like it should but it's not working. the imageflow works fin but when click in an image there is a ...loading... screen, and nothing else happens. i included all files and change the start parameters. is it importent where i put the new css classes? in my midn it doesn't care but ich put them in both css files but no possitiv reaction. can you help me. some information, longdescript is direktlink and everything is correct importet also the pictures from highslide best regard michael
@ Denis: Thank you for the bugreport... there are weird things going on in the IE world. You won't believe me what caused the IE7 to crash the Examples: It did not like the a tags before a div container. Does anyone understand that? The Introduction page is fixed. Was caused by a text-align:center;
@ dude: imageflow.css at .imageflow .slider -> background-image:url(slider.png); and please READ the http://finnrudolph.de/ImageFlow/Installation carefully: "Replace unique_name by a unique name."
also , if i load 2 imageflow classes in one page the first gallery wont load and the second one loads , because the second one is lighter than the first one why is that ?
I have just tried JavaScriptObjet on IE7 instead of IE8 and in the tab "Introduction", the Mini's is centered and cutted by the Nokia. In the Exemples, no example work properly. In Cinema 4D, the Mini's works properly, no problem. Any bugs with IE7 ? because every work perfectly with IE8.
errr, where exactly did you specify the path of slider.ong ? cant find it in any .css !
@ Denis: Currently working on a C.O.F.F.E.E. solution that scripts the rotation in CINEMA 4D. First result: http://www.flickr.com/photos/finnrudolph/3764543999/ and if you're interested in the progress check out http://www.cgnetwork.de/forum/showthread.php?t=102094
Excellent your Mini Cooper at 360° ! You are the best ! And why not to make this same animation as the Nokia with 200 pictures ? That would be a file of 10mo but it would be fine to see that !
@dude: jepp... it misses the imageflow.css make sure, that it is included in the header.
any idea? :D
when i include it in a php page http://pb.ueberl33t.net/uploads/1248847344.png
CINEMA 4D C.O.F.F.E.E. Tutorials http://www.sol.at/fritz/3d/tutorials.php?Tutorial=4&OwnWindow=1 und http://www.sol.at/fritz/3d/tutorials.php?Tutorial=5&OwnWindow=1
Free Cinema4D Models... I like the Mini Cooper: http://www.oyonale.com/modeles.php?lang=en&page=58
TRON 2010 by Disney: http://www.flynnlives.com/media/video/0xendgame.aspx
@ cj: Ja, eine ordentlich Rechnung kann ich gerne ausstellen. Am besten mir einfach nach der Zahlung via PayPal eine E-Mail schreiben mit der Rechnungsadresse und dem domainnamen.
Hallo Finn, erstmal ein dickes *thumbsup* für das prima coverflow! Nur eine kurze Frage: Schreibst Du über den Betrag der Lizenzkosten bei kommerzieller Nutzung eine ordentliche Rechnung? zzgl o. inkl Mwst? Beste Grüße, cj
@ marjeta: Nicht dafür ;D
Jetzt hab ich mir den aktuellen Firefox 3.5.1 runtergeladen und schon klappt´s auch. Scheint wohl ein Problem mit älteren FF Versionen zu sein. Jetzt muss ich nur noch IF und Highslide zum fliegen kriegen dann bin ich zufrieden ;-) Danke für die unheimlich schnelle Reaktion!
@ marjeta: Hmm... bei mir wird ImageFlow im Firefox 3.5.1 horizontal dargestellt. Ein beliebtes Problem bei vertikaler Ausrichtung der Bilder ist das Fehlen der imageflow.css! Aber das scheint hier nicht das Problem zu sein.
Hallo Finn, ich habe ein Problem mit Firefox 3.0. Mir wird ImageFlow nur vertikal angezeigt. Hier zur Seite: http://www.mprah.de/layouts.htm Ich komm einfach nicht mehr weiter... Vielen Dank im voraus für Deine Hilfe
GPEG2 Codec: http://www.gputech.com/gpeg2/
Thank Finn, but I got it figured out.
Where it dims (greys out) the rest of the screen in a certain percentage and the picture becomes the main focus.
Learning Safaris Touch Events on the iPhone and iPod Touch: http://www.vimeo.com/5700951
@ Paul Rodarte: What "overlay parameter" do you mean? The z-index value?
One last question. How do you pass the overlay parameter to the imageflow function.
hi can not get imageflow working in internet explorer any version? can anyone help works in safari and firefox.
@ Paul Rodarte: I don't know. Try it, would interest me too...
CSS cursor:url() - or why Opera does NOT stick to (quasi)-standards: http://my.opera.com/community/forums/topic.dml?id=283962
I have this working with HighSlide on a per image basis, but is it possible to make it pull up a HighSlide horizontal gallery, with Thumbs.
The implementation misses the imageflow.css
Hi, Please help me, I'm trying to load ImageFlow dynamically with prototype.js.. Having The following code: var objBody = $('gsContent'); $('ContentAlbum').hide(); var objSlide = new Element('div', {'id': 'pearImageFlow', 'class': 'imageflow'}); objBody.appendChild(objSlide); for (var i = 0; i < slideshowImages.length; i++) { $('pearImageFlow').insert(new Element('img', {'src': slideshowImages[i][0],'longdesc': 'javascript:focusImage(\''+i+'\');', 'width': slideshowImages[i][2] , 'height': slideshowImages[i][3], 'alt': slideshowImages[i][4]})); } var pearImageFlow = new ImageFlow(); pearImageFlow.init({ImageFlowID:'pearImageFlow',reflections:'false',preloadImages:'true', slider:'false'}); But I can't get it to work.. (have a look at http://erlis.se/~erlis/gallery/gallery2/main.php?g2_itemId=1037 and click on Carousel. Please help me.
Hi, I'm trying to use ImageFlow with PHP 5.2.9 and GD bundled (2.0.34 compatible). But the images does not appears. This version of GD are greater than the minimum required... Can you help me?
Hey, I was wondering if it is possible to incorporate Lightbox with this script. I notice when you click on an image it opens it in another page. It would be nice if you could implement lightbox. Anyone know if this can be done and also how? Thank You
Yes, you can! It can be done in the 'imageflow.js' file. All I needed was that komma to continue in the script.
Is it possible to combine the 'highslide' scripts with the one's that are made in 'Imageflow'. For instance: I want to use a certain 'aspect ratio: 3.5' that I used before I implemented the 'highslide' script. Can I combine these scripts within the two javascript files?
Great script..Wonderful script 1) i have an alphabet A B C D and so on.. So when i click on the alphabet it will point to the image number. lets say b is image 3. and d is image 9.. how to achieve this?
Hi Finn! As supposed, http://www.rotorlabs.com is online since today. Johan Wagner and me would like to thank you very much for the development of these great apps and for your direct and efficient support as for your documentation. Stay cool! Oliver
This is a great app, but how about using client-side reflections, such as Reflection.js (MooTools), so that we can use it on local file system and not rely on any server technology?
Hi does ImageFlow combination with the newhighslide 4.1.5 work?
Hello~ ImageFlow is wonderful. I would like to understand math part of it but i could not follow any detail thing. If you don't mind to show how it works, can I get some math related information? my email is popopome@googlemail.com (i mean gmail) Thanks.
good
A second question... Is it possible for images to move left and right by movement of mouse without clicking?
With ImageFlow, is there a way to have a small popup containing some text when hovering the cursor over the current image?
hey excelent work, i have a question, how i can add a link to the images??? i want to click one image and go to other page, i tried to put an "a href" but the image desappear.
Its verry good!
@Matthias Scheible: Ich selbst kann Dir vermutlich nicht helfen. Da müsste sich Finn (oder jemand der sich mit der Materie besser auskennt) schon den Quellcode ansehen. Trotzdem möchte ich Dir vielmals danken: Ich habe selten eine derart höfliche und sauber formulierte Anfrage von einem unter-18-jährigen gelesen! Du kannst Dir nicht vorstellen, wie erfrischen das ist. Du könntest die Sache abkürzen, indem Du einen Link postest, unter dem man sich die Sache ansehen kann. Vielleicht ist die Lösung ja auch so einfach, daß Du sie schlicht übersehen hast. Eine Anfrage auf Englisch wäre auch nicht schlecht. Ich erkläre mich gerne bereit sie für Dich zu übersetzen, falls Du Probleme hast!
Hi I can't seem to remove the reflection. Where do i put this in the JS file var example_2 = new ImageFlow(); example_2.init({ ImageFlowID: 'example_2', reflections: false, reflectionP: 0.0 }); ?
Is youflow free and how do I go get it?...are there instructions on how to implement it?
Matt - Thanks for the info. Unfortunately, I still can't get the images to display in Imageflow. As you say, the problem occurs when reflections are enabled. As I would like them to remain so, could you explain how to tweak Reflect.php? I've tried adjusting the image links themselves, but have had no joy. I'm using the sample index.html page, in a folder called CoverFlow and sub folder called img.
Chain posting! The "no image" issue, in my case, is only with reflections enabled. Reflect.php is looking for a local filesystem path. Potential solutions (for other people having this problem, not necessary for imageflow itself) are: * tweak Reflect.php to convert URLs to local filesystem paths (probably best) * disable reflections * create your site structure such that relative URLs and filesystem paths happen to be the same (as seen in the imageflow demos) Shouldbox is SO going to destroy this post.
Oooooor the shoutbox could totally break my post.
For those not seeing images: ImageFlow hates absolute paths. :) In particular, this will break imageflow: But this will work: (Assuming it's a valid path, of course.) Oddly, ImageFlow will appear to load the images either way-- it just won't display the former case, even if the URL is correct. (I tested this with the sample index.html that comes with IF.) I've just now figured this out. I may try to fix it, or I may just use relative paths.
@ all: Sorry for not answering your requests. I am currently "under fire" with my Staatsexamen (http://en.wikipedia.org/wiki/Staatsexamen) until (hopefully) the 16.07.2009. If I find some time between my learning sessions I'll try to answer as much requests as possible. So long...
Sehr geehrter Herr Rudolph, mein Name ist Matthias Scheible, ich bin 15 Jahre alt und habe Ihr ImageFlow Script (in der Joomlafassung von Litchfieldmorris) verändert, sodass ich 17 Bilder implementieren kann. Nun stehe ich jedoch vor dem Problem, dass der Slider unter den Bildern beim Laden der Seite nicht mittig steht. Wenn Sie mir bei dieser, für mich sehr knifffeligen Arbeit helfen könnten, wäre ich Ihnen sehr dankbar. Wenn Interesse besteht, melden Sie sich doch unter: MWScheible@gmx.de
I loved this new way to see videos on YF, but the only thing i missed was the time of each video, in YT we have this option but not in YF. Hope u put this option... Thanks
Hallo Finn, ich freue mich sehr über Deine Weiterentwicklungen von Image Flow. In meinen aktuellen Relaunch http://www.menschenfotografie.de habe ich die neuste Version eingebaut und bin mit dem Ergebnis sehr zufrieden. Gerne würde ich Dir wieder eine finanzielle Anerkennung für Deine Arbeit überweisen. Bitte schicke mir eine Email an uwe@noelke.com mit Deinen Kontodaten. Viele Grüße Uwe
Well, I got impatient and unistalled the implementation of imageflow and installed the wordpress nexgen gallery plugin and nexgen imageflow plugin, which achieved the results I wanted. It also provides an upload and image description in the management interface. It also allowed me to hide the nexgen gallery which is only used for sample images from the coppermine gallery. Thanks anyway.
how to make this image flow 1.1 start auto, i mean the image flow will anmation all image looping
Can i get a imageflow version in ASP
D'oh! I'm also using Imageflow 1.1. The server also has GD 2.0.34 compatible. Thanks again.
Forgot to mention the versions. php 5.2.9 and IE8
Hi Finn, Great script! I implemented it in Wordpress 2.8 and it works great on a page, but not in a post, but that's okay for my purposes. There is an issue tough. If i put more than 7 images in the div, the captions and scroll disappear. Any ideas on why that might be happening? http://omniversified.com/theprichardcollection2/ Thanks
Hi. Love your code, it's brilliant. But I am having a weird problem with Safari/chrome. They are re-sizing the image + reflection to the original image size. So if orig image is 280x180, and with reflection it is 280x270 then Safari only shows the image+reflection at 280x180 which makes it look very weird. I can't work out why; it happens even if I use the example files in the download package BUT only with webpages on my server. If I view your site in Safari it's fine. I can't work out what could be the problem. Please help!!
Hi, Using the startID attribute I can tell ImageFlow to start at a certain image. Is it possible to always have ImageFlow start at the last image? Thanks, Bart
Hey Finn, is it possible to populate ImageFlow automatically from a Flickr feed? Thanks.
Hi. I've installed ImageFlow on a test page on my home pc. Although the basic page runs, with the ImageFlow structure appearing, no images are shown. ImageFlow only shows placeholders for each image. The Flow functions properly and selecting an image then opens up the image itself, but ImageFlow shows no images initially. Any suggestions?
so I guess it should be injected into the .js file as well, similar to getAttribute-alt .Can't figure it out.(I'm thinkiing about a buy it now link or something...) Thanks Peter
Hi Finn How can I put an anchor in the caption div?Thsi script: http://highslide.com/ref/hs.Expander.prototype.onAfterGetCaption works well with highslide on it's own but as the markup is different for imageflow(
Success!! I was installing Highslide incorrectly. Thanks again, great script.
So I think I understand where I'm supposed to put everything now, but it still doesn't work. I replaced the default Imageflow instance at the bottom of imageflow.js with the Highslide_1 javascript on the instruction page. Now when you click an image, the "Loading" box pops up, but nothing happens. My test site is at http://singlebarreldetroit.com/imageflow/index.php . Any idea what I'm doing wrong? Thanks.
Hi Finn - Thank you for the prompt response. After much frustration I did decide to switch to Imageflow with Highslide. Unfortunately, I can't figure out how to properly install it. I'm a javascript novice, so a more detailed walkthrough would be very helpful. Two questions: 1) Where exactly am I supposed to put the "var Highslide_1 = new ImageFlow();" script listed per your instruction page? Does that go in imageflow.js, or in the html of the actual page? And where, specifically? 2) The div of the first example on your instruction page has the id="Highslide_1." Do I also need to change the default id in imageflow.js from "myImageFlow" to "Highslide_1"? Do you have a bundle available for imageflow with highslide? I could easily install it if I had a full example to study. Thank you for your time, I appreciate it.
@ Ray: Schau dir mal das Beispiel an: http://javascript.pastebin.com/f59ee0316 (erklärt wie man die handleMouseWheel Funktion von außen triggert.) Und das ist eine Anpassung, die ich mal für einen Kunden gemacht habe. Kannst dir ja davon mal den Quellcode anschaun: http://testground.finnrudolph.de/js/ImageFlow_1.1.1_Topper/
Hallo, ich verwende aktuell ImageFlow in einem Projekt, bei dem die Bilder beim Klick auf einen Button vor/zurück gehen sollen und nicht wie vorgesehen auf Drag/den Slider/Tastatureingaben. Wenn ich das Richtig im Javascript Code gesehen habe müsste ich dafür nur handleMouseWheel(-1) & handleMouseWheel(1) an die jeweiligen Objekte zum Steuern binden - doch ich komme leider nicht an die Funktion ran von Außen. Gibt es dafür zufällig eine (einfach) Lösung oder hat das jemand schon mal gebaut? Danke & Gruß
@ Jeremy: No, for the Mediabox needs a lot of stuff (img tag included by a tag etc.) which will actually be cropped by the ImageFlow script onload (http://iaian7.com/webcode/mediaboxAdvanced#examples). Have you considered using Highslide instead of the Mediabox? http://finnrudolph.de/ImageFlow/Combinations#Highslide
Is there a way to integrate imageflow with Mediabox (http://iaian7.com/webcode/Mediabox)? I want it so that when you click a thumbnail, it loads the photo in Mediabox's lightbox window. I was originally using Imageflow for Lightbox2, but I had mediabox on the same page. Mediabox uses the mootools framework, while Lightbox2 uses prototype, which conflict. Thanks. - Jeremy (openapple@gmail.com)
Taking JavaScript to the next level: http://www.chromeexperiments.com/
@ Rajat: Hi, sorry for missing your post. It fails, for the reflect.php files don't support grabbing images from an different server. You could rewrite them to do so (that includes rewriting the caching of the reflected images on your local server). But either way I'd not recommend that, for you can never rely on external content. It will be a security risk, for everyone could call the reflect.php and give it any image on the web (or images that contain bad stuff?) to create a reflection... and now think of what HUGE images can be found on the web ;D So if you want to rewrite it make sure you're using a whitelist approach...
@ revers: Scaling (and interleaving) of the images is the key thing that creates the illusion of a 3D rotation. Therefore: Not possible with ImageFlow. You can set the centered image to be exactly the image dimensions you want, but only if the images are all the same size.
Hi Finn, Is it possible to run imageflow with remote image/images present on a different server? Like can I run imageflow with google logo image by providing the link to it ? I tried it but it didnt work. The features list says "Supports Image Links" so i thought it meant this. Sorry I am re-pasting my query but I thought you missed it.
I mean: the selected image should have its own size and should not be scaled.
How can I let the script use my images in the original sizes? They all get scaled and I dont'w ant that.
Illuminated Bottle Wall: http://vimeo.com/5116519
@ Hprata: 1. Nope, my IE8 renders http://finnrudolph.de/ImageFlow/Examples#Transparent_reflections nicely with transparency. 2. Why would you like controls on top of the ImageFlow navigation? That is a question for the Highslide Forum (http://highslide.com/forum/), cause I've never done that before...
Two questions 1. reflectionPNG: true, seems not to work in IE 8. It renders as solid black reflection 2. Can you give an example on how to send info to Highslide to get addSlideshow with controls working, while having regular setup as well like src: this.getAttribute('longdesc'), outlineType: 'rounded-white', fadeInOut: true, dimmingOpacity: .7,
@ Jamie: Not possible at the moment, but you can implement it without too much hazzle by triggering the glideTo function externally with an timer
@ Roeland: Please read that again http://finnrudolph.de/ImageFlow/Combinations#Highslide and take a look at http://highslide.com/ref/
Hi Finn, I'm just wondering how I would get the image to open in a new window when clicked? Thanks!
Hi Finn, Is it possible to run imageflow with remote image/images present on a different server? Like can I run imageflow with google logo image by providing the link to it ? I tried it but it didnt work. The features list says "Supports Image Links" so i thought it meant this.
Hi, the imageflow css starts with defining width. Base is 100%..
Hi, I love this. Though I don't see how the addon the Highslide gallery option. How do you the call that function? Adding on from var Highslide_3 = new ImageFlow(); Highslide_3.init({ ImageFlowID: 'Highslide_3', onClick: function() { return hs.expand(this, { src: this.getAttribute('longdesc') ; } }); All the rest works fine - but don't know whether Imageflow allows me more options with Highslide. Thanks a mill, Roeland
hey anyone able to make imageflow smaller. i have been trying to resize it to
Hi - just wondering if its possible to get the photos to scroll through automatically - haven't been able to come across any documentation so far. Many thanks.
rgre
@ zys: Probably the reflect2.php has not rights to write its reflection images into the image folder. Make sure it is chmodded right. Check if files like http://finnrudolph.de/content/imageflow/refl_2e9018546b306c158b5b6cd0ddbcc816_demo_01.jpg are created on your server...
@ Josef: Sorry I don't support that outdated version anymore. And I highly recommend using Highslide JS instead of the lightbox... besides that: Why would you want to build another navigation above the ImageFlow navigation? Please take a look at this example if it is an alternative for you: http://finnrudolph.de/ImageFlow/Combinations#Rounded_corners_fading_and_captions
@ Smartin: Dunno whats wrong if you don't post a link on your implementation!
@ Marc: Thanks for your feedback!
@ Finn: I am using 15 images or more in ImageFlow, but I noticed loading time is rather long (3 seconds or more), I noticed the most of the latency is due to reflect.php, I like to use reflection but I was wondering if you have any tips to speeding this up? The cache argument is set to 1.
Hi Finn, i use the imageflow 0.9 in combination with lightbox2 - is it make possible to navigate in the lightbox like the lightbox-standalone-version? I was looking for an Example in the web, but i can`t find it. Many thanks for your good work!
I am new to this and I have been trying to follow the instructions. I installed PHP on my server running IIS and as far as I can tell everything is correct. When I add the files to my directory and load the page I want to view the images on, I get loading 1 of 3 but nothing happens. Any ideas what I could check.
I found two issues: 1.) in the loadingProgress function, the first if is wrong, it should read if((p < 100 || thisObject.firstCheck === true) && thisObject.preloadImages === true). The missing parentheses around the first OR made the loading bar appear, even if preloadImages was set to false. 2.) There should be a baseDir option incorporated, that lets someone set a prefix to the .php files. In most cases, the html file will not be in the same directory as the .php files.
@ Finn: working url with my modified IF version: http://omv2009.hauptversammlung.at/ (just enter anything into the registration popup) your 'longdesc' version: http://omv2009longdesc.hauptversammlung.at/ The videostream should be positioned according to the clicked slide. the longdesc version only works with FF but neither with IE6 or IE7. I've exchanged 'longdesc' with 'url' but anything else (but maybe 'official' attributes?) will work. And if you change your 'this.getAttribute("longdesc")' to "this.longdesc", IE will also work with 'longdesc'... can't remember if FF did, too. ... and ... yes I've already paid for the obviously commercial use ;)
Vielen Dank für die schnelle Hilfe @ Finn! :-)
@ Tom: Huh? That is not possible. Any onclick linking at http://imageflow.finnrudolph.de/ works fine with IE6 and IE7 based on the information in the longdesc attribute of the images. Could you link on an example site where I can reproduce your findings?
@ Armageddon: Dann rate ich dir dringend das mal durchzulesen: http://unixpapa.com/js/mouse.html Ist generell möglich, aber cross browser nur mit etwas Aufwand.
Oh, habe vergessen zu erwähnen, das sich mein Beitrag auf "ImageFlow" bezieht!;-)
Hallo, ich suche nach einer Lösung, in der man nur per Mittelklick auf eine neue Seite gelangt und beim normalen Linksklick sollte kein neues Fenster aufgehen. Wäre super wenn mir geholfen werden könnte! :-)
Hy Finn, I found a problem with IE (at least 6 and 7) regarding ImageFlow. IE couldn't read the 'longdesc' attribute of an image in your code at line 356 when doing "image.url = image.getAttribute('longdesc')", "image.url = image.longdesc" does work however. Anyway, I replaced 'longdesc' with 'url' (or whatever) and used that in my html. That also worked with 'getAttribute'... strange things happen in the IE world... Btw, a consequence of this problem was a not working 'onclick' event.
@ Dennis: Thanks for the feedback. Will take a look into it... o O ( It's always a joy to debug JavaScript for the IE *freak* )
Hey Finn, I'm testing out JavaScriptObject to replace my flash based 360 product spins. What a great script! One problem, it seems to be buggy in IE 6. It's throwing a function expected error message. I see this in the demos on your site as well. Is this something your working on?
IE7 + 8 return an "invalid argument" error on line #514 in imageflow.js - if and ONLY if there is a single picture. In this instance this.newSliderX returns NaN instead of 0. I fixed this by assigning (thisObject.max-1) to a var and setting it to 1 if it returns 0.
@ Finn: hmmm... ich weiss gar nicht woher es kommt - wahrscheinlich von einem anderen versuch. Ich hab es den mooflow.js einfach unbenannt und jetzt geht es mit 7 aber nicht mit 8. Ich schau es mir mal an. Vielen Dank für deine Hilfe!
Hi Finn, I got it working. I had the reflect2.php and reflect3.php copied to the wrong directory. I moved them, and it is working perfectly. Thanks! Here is the link if you would like to see: http://www.nirvanananda.org/galleries/lc/
@ Colin: Without a link on your implementation? No ;D
@ George: Der IE meckert, dass er Kram in der mooflow.js und imageflow.js nicht mag... Happy debugging: http://sixrevisions.com/javascript/javascript-debugging-techniques-in-ie-6/
@ Finn: Vielen Dank für den Tip - es hat mit Firefox super geklappt! Allerdings ist der Imageflow mit IE nicht sichtbar... (http://www.divajo-photography.com/test-site/)
I am having trouble getting the images to appear. I checked the FAQ, and then turned off reflections via "reflections: false, reflectionP: 0.0." That got the images to load. However, my server is running PHP Version 5.2.8 and GD version 2.0.34, so I think it should work just fine with the reflections turned on. Any ideas why it wasn't working?
Danke Finn, aber leider ließ sich das Problem mit den verzerrten Bildern nicht so leicht lösen, haben Sie noch eine andere Idee? Vielen lieben Dank!
@ Amir J: Opera also fails.... seems as if you are overwriting the CSS attribute for the images globally somewhere. Try including the imageflow.js and imageflow.css as the last items in the header!
I am still having problem here in Safari browser, http://www.enoughproject.org/test/enough-news-test-page. The images do not change size upon scrolling. All images are cluttered too. Thank you
@ Chris: "null" steht da, weil keine caption gesetzt ist... einfach mal ein nbsp in den alt tag der bilder setzen. (ab v1.0 sollte das JS das eigentlich automatisch tun...) Wenn was verzerrt ist, dann fehlen die width und height attribute in den img tags oder sind fehlerhaft.
@ UCC: *IEKS* IE6... ;D Try making your thumbnails used with ImageFlow smaller, make sure, that the reflect.php file has write access to the folder and caches the generated images...
@ George: Da fehlt das CSS: http://www.divajo-photography.com/test-site/imageflow.css
@ Terry Riegel: Nope there have been some changes to the javascript design. Please take a look at this to understand how to trigger that function from the outside: http://javascript.pastebin.com/f59ee0316
Hi Finn, nochmal,... im Internet Explorer 8 wird genau in der mitte "null" als Text angezeigt... Die Adresse ist: http://lsvwahl.wsu.at/ Benutzername: wsu_nicolas Passwort: wsu_pia Im Punkt BMHS ist es eingebaut. Vielen Dank im Vorraus! lg Chris
Hi Finn, PNG's sind bei mir leider verzerrt,... ich habe versucht in den Settings alle möglichen Variablen auf 1 zu setzen, aber das hilft leider nicht..., Das die "nicht" aktiven verzerrt sind ist nicht so schlimm, aber sogar das originale ist vergrößert, und hier sollte aber die Originalgröße vom Bild verwendet werden. Haben Sie irgendeinen Trick? lg Chris
Hi, ImageFlow seems to work fine with IE and Firefox except when I put more then 10 images, IE6 stop to load and none of the images are displayed :-/ Sound like a IE6 bug but is there a way to fix it pleaze ? Here is the link : http://www.lescameliaspaysages.com/?page=Realisations thanks by advance! If you want to contact me for debugging, click on "UCC" at the bottom of the website
Hi Finn, ich habe versucht, dein echt cooles Tool auszuprobieren, allerdings geht es irgendwie nur vertikal statt horizontal. Woran könnte es liegen? Die Seite ist: http://www.divajo-photography.com/test-site/index.php ...vielleicht habe ich die unten gewünschte vertikale Lösung zufällig gefunden? ;) Vielen Dank, George
I am upgrading from version .9 and am looking for documentation on the glideTo function. Is it the same as before? Thanks, Terry
Hi Finn, There is a problem in outputting the imageflow here, http://www.enoughproject.org/test/enough-news-test-page in Safari browser. Any thoughts on this? Thanks
Ahhh, looking at the source I see it doesn;t do anything with the onCLick unless I have a url set.
Hello, I am upgrading a copy of .9 to the new version and am having trouble getting the onClick to work. I have created a simplified case to show what my code looks like... http://www.localchurchresources.com/pages/start/coverflow_onclick.html
World Builder - http://www.youtube.com/watch?v=VzFpg271sm8
Ah dieses rel! Merci viel viel mal, jetzt funktioniert dein cooles Skript. Noch viele gute Ideen beim Programmieren. Lg Jonas
@ Jonas: Also momentan ist das dein img src "http://www.wapple.ch/reflect2.php?img=null" und das macht offensichtlich wenig Sinn. Du musst zwei Sachen ändern. 1. die reflect2.php in das root Verzeichnis kopieren (oder den Pfad entsprechend in der .js anpassen) 2. anstatt rel muss src in den img tags stehen, sonst passiert da nicht viel (nämlich "null" ;D)
@ Chris: Seems as if your server has either not installed the gd library or disabled it.. You can use ImageFlow without the reflections http://finnrudolph.de/ImageFlow/Examples#No_reflections (while contacting your host ;D)
Programming Language Inventor or Serial Killer? http://www.malevole.com/mv/misc/killerquiz/
Ah, so it seems to be a server configuration problem. The host is networksolutions (inherited) - This is the message that appeared when I clicked on one of the spaces where an image should have been: Warning: dl(): Unable to load dynamic library '/usr/local/lib/php/extensions/no-debug-non-zts-20020429/gd.so' - ld.so.1: /usr/local/apache/bin/httpd: fatal: /usr/local/lib/php/extensions/no-debug-non-zts-20020429/gd.so: open failed: No such file or directory in /export/web/www.adler-consulting.com/reflect3.php on line 31 You are missing the GD extension for PHP, sorry but I cannot continue.
Hope I'm not repeating myself - I don't see my last post so please help! The imageflow script worked nearly perfectly on my local server but I went live and the images aren't appearing? All of the other images on the site seem to be referencing the images folder so I'm lost? thanks for your help, Chris http://www.adler-consulting.com
@Finn: Hmm, also es klappt nicht! Hier mal meine Struktur: ich binde im Index inc/imageflow/imageflow.js ein. reflect2/3.php befindet sich auch unter inc/imgeflow/ ..... Irgendwo ist ein Pfad falsch, denn die grossen Bilder werden man daraufklicken angezeigt.
@ Chris: Hmm... should work. Can you give me a link on your implementation?
Wow! Yes, it's safari. But the window.onunload fix didn't address it? I inserted that here (maybe it should be elsewhere?): this.refresh = function() { /* Cache global variables */ this.iWidth = thisObject.imagesDiv.offsetWidth; this.maxHeight = Math.round(thisObject.iWidth / thisObject.aspectRatio); this.maxFocus = thisObject.imageFocusMax * thisObject.xStep; this.size = thisObject.iWidth * 0.5; this.sliderWidth = thisObject.sliderWidth * 0.5; this.scrollbarWidth = (thisObject.iWidth - ( Math.round(thisObject.sliderWidth) * 2)) * thisObject.scrollbarP; this.imagesDivHeight = Math.round(thisObject.maxHeight * thisObject.imagesHeight); window.onunload = function() { if (navigator.appName != "Microsoft Internet Explorer") { document = null; } }; Again, many thanks!
@ Conrad: Klar, so wie in dem Beispiel http://finnrudolph.de/ImageFlow/Examples#Transparent_reflections
@ Jonas: Du musst den Pfad zur reflect.php in der imageflow.js entsprechend anpassen. Schau dir dazu mal das an: http://finnrudolph.de/Shoutbox/1241782741
problem gelösst. Hab versehentlich ständig die "packed" version verwendet. Noch ne Frage: Ist es möglich transparente GIFs oder PNGs anzeigen zu lassen, sodass der bg besser zu sehen ist? Wenn ich transp. PNGs verwende, ist der b der Einzelbilder immer schwarz. Later, Conrad
Hi Finn. ImageFlow ist ein echter Eye catcher! Habs vor dem Kauf mal gestestet. Leider zeigen Einstellunugen in der "imageflow.js" keine Wirkungen. z.B: "startID:8" oder "reflections:false". Was könnte das Problem sein? Beispiel URL: http://www.mesatronic.de/publics/imageflow/ Danke, Conrad
Sorry, hier der Link: http://www.wapple.ch/imageflow Die Srikpte befinden sich unter inc/imageflow/. Lg Jonas
@ Jonas: Ohne einen Link auf deine Implementierungsversuche kann ich dir leider nicht helfen... Hellsehen kann ich nicht ;D
@ PeterK: Why don't do you add that string to your echo output? something like echo "../".$yourimagestuff
@ Chris: Hmm does that occur with Safari, or with every browser? Can you try adding the following inside the refresh function: window.onunload = function() { if (navigator.appName != "Microsoft Internet Explorer") { document = null; } };
@all: Sorry for the delay in answering, had some "offline stuff" going on ;D
Hallo Finn, Du hast ein sehr cooles ImageFlow, welches ich gerne einbinden möchte, doch hier liegt das Problem. Ich habe die Skripte in einem Ordner imageflow ausgelagert, doch nun ist irgendetwas mit dem Pfad falsch. Die Bilder werden nicht angezeigt. Hast du mir einen Tipp, wo ich den Pfad anpassen müsste? Merci Jonas
Hi Finn Any ideas how I could change the "src: this.getAttribute('longdesc') " to a different attribute in the imageflow.packed.js? Let me try to be more specific. At the moment on the page I' working on the image tag is something like this: echo ""; It's part of a loop that get's all the images out of the database with one line.It works brilliantly, however I have a feeling that since my rootfolder is set up differently than yours, it results in the onlick function that would trigger highslide not to work as it would need the following src: ../images/".$info['pic']." instead of the assets/images/".$info['pic']." . Keep up the great work!
Looks great!
Hi Finn, Thanks for the direction to the highslide documentation. I must have missed seeing where the issue is addressed but found, with help, that the following worked for me: I needed highslide.js to pull images from my images folder so I changed one line in Highslide.js: hs.graphicsDir = 'setup/media/highslide/'; to hs.graphicsDir = 'images/'; voila! But now that I have it working - and it is very cool - I am wondering if there is a quick fix for the following: When user clicks on an image in the imageflow gallery, it takes them to the specified link but when s/he exits that page and returns to the slide show, it won't work. Is there a way to get the page to dynamically refresh? Many thanks!
I love imageflow, it is phenomenal and thank you! I have installed it but have an issue. I have the correct server setup, but for some reason the images wont display, seems to be a problem with the path. Any ideas? http://s68722.gridserver.com/films/ Thanks, Ian
Hallo Finn, jetzt hat alles geklappt. DreiFragen sind aber noch offen geblieben und ich wäre Dir dankbar, wenn Du mir einen Tip geben könntest: 1. Kann ich ImageFlow als GANZES (man stelle sich um das Karusel einen Rahmen vor in dem sich alles abspielt) exakt positionieren und 2. das "Focused Image" exakt in der Größe bestimmen. Zu 1. und 2. habe ich jetzt mit aspectRatio:1.39, imageFocusM:1.0, imagesHeight: 0.3 und imagesM: 0.701 rumprobiert und es auch ganz gut hin bekommen. Nur halt nicht exakt. 3. Ich benutze Highslide (die Kombi ist einfach geil) und hätte gerne zwei unterschiedliche Caption. Eine Caption in ImageFlow (alt="sfasdf") und eine wenn ich das Bild mit ImageFlow anzeige. Wie kann ich beides hier kombinieren? Hast Du eine Idee? Gruß, Karsten
Hi Finn, htte mir ebne gerade die selbe Frage gestellt wie Vinny, find dein Script echt klasse und würd es auch gerne in einer vertikalen form nutzen um den ein oder andern Marquee auszumertzen. schade das das nicht von dir geplant ist, aber evtl. könnetest du mir veraten was ich wo in welcher form ändern müsste viell. bekomm ichs ja dann allein hin. schon mal vorab danke. Gruß Hunting
schöne seite! grüße aus berlin, johann +++ www.johannbuesen.de
Wolfram Alpha has humor: http://www38.wolframalpha.com/input/?i=how+many+roads+must+a+man+walk+down
Dang, I think this would be great to use for a web based locator in our building, each picture being a floor level....
Wolfram Alpha is online and it hast humor: http://sandbox.finnrudolph.de/WolframAlphaHAL.jpg ;D
@ Vinny: Not planed in the near future.
What is the chance of getting the ImageFlow script to work vertically?
Thanks Finn! I had completely overlooked that little notice of the longdescription url use! Sweet!
This one made me laugh: http://carlsmart.tumblr.com/post/104130911
@ Alexandre Dupuis: Performance depends on the imagesize, dimensions and total number of images you're using. Bottleneck is the interpolation engine of your browser... make a screenshot of your implementation and measure the actually displayed maximal dimensions of your images. Resize your images to that dimensions, for anything larger would make no sense. Use jpeg compression to get an optimal imagesize/quality ratio. Limit the total images to something < 250...
Hello, I downloaded your application ImageFlow that I find beautiful to put it on a future personnal Web site. Unfortunately when I executes the scrolling of images is less fluid than your homepage. Could it be a setting of my server? Thank you
@ PeterK: Since ImageFlow is written in JavaScript and not flash you can not achieve a 3D effect without a massive performance drop and therefore ImageFlow does not support the tilting of the images. (One could achieve something like that by generating frames of the images rotation... but that would come with ten times more images, just for an tilt animation ;D )
@ SteveB: As I wrote in the installation guide: "The image width and height parameters (w_x and h_x) must be set in the XHTML for full compatibility with the Internet Explorer. Sorry for this extra load of work - every browser but Microsofts Internet Explorer can fetch the right image dimensions via the JavaScript!" - http://finnrudolph.de/ImageFlow/Installation
Hey there First of all, thanks a lot for this site.I have almost given up trying to integrate imageflow in one of my websites(zentrale.drurylanetheatre.org), won't have to, thanks to you. Question: how can I change the angle of the images that are not in focus?The result I'm aiming at is this: http://www.paulvanroekel.nl/picasa/imageflow/ Paul uses an xml file to read out the source of the images-I have no idea how to fuse that with php, hence your approach is much better.All I need to is a select* query and all the images in the database are being loaded! Checked your .js but couldn't figure out how to change the images' angle.Thanks for your help. Peter
Thanks Finn! I've resized the images so they are now much smaller, it is much quicker in IE now thanks, but the images are still not the correct aspect. I took out the portrait image to see if that made a difference but it didn't.
@ SteveB: *UARGH* ;D Please SCALE the images before you use them with ImageFlow they are FAR too big. For example the image with the insect: It will only be displayed with 236 x 158 px max. But you kill the poor browser with an 2.547 x 2.553 px image... Use small thumbnail like images with ImageFlow and show the HighRes images onClick. Check my answer to Søren below on how to do that.
Hi - Can you help me out please? I have been struggling all night to resolve this issue! My site works fine in FF but in IE7 the images are incorrect size and very slow to load: http://www.stockportcounty.net/pic/index.asp?q=1 Any thoughts? Thanks a lot
@ Daniel Beeke: This should help: http://finnrudolph.de/Shoutbox/1241646278
@ Søren: You can use the longdesc attribute to link to any target you want (that includes extremely large images ;D) - http://finnrudolph.de/ImageFlow/Installation
Hi! Coole Sache - fand so Effekte schon immer nett, war mir aber in Flash zu aufwendig bzw. zu unflexibel nachher in der Pflege. Hier kann man einfach bissi mit den Parametern spielen und hat tolle Ergebnisse.
Hello I like your script alot, I am trying to add two buttons who will use the function handleMouseWheel but i get really stuck, do you want to help me? Greetings Daniel, daniel.beeke@gmail.com
Hallo Finn! Brilliant script and very beautiful too! I would, however, love the ability to download a separate, high res image loaded from a separate directory by the use of the onClick() function ... Can I ask you how this would be possible? I contemplate keeping my high res images in one location and use lower quality jpeg images loaded from another location for the imageflow ... The low resolution images would be automatically generated server side and placed in the images folder of the site's doc root ...
@ Buschihh: Die JS Beispiele rechts kommen natürlich in die imageflow.js und zwar nach dem gleichen Prinzip wie in der Docu (http://finnrudolph.de/ImageFlow/Documentation) beschrieben. Du manipulierst einfach nur die onclick Funktion über die Option "onClick" (ähnliches Prinzip: http://finnrudolph.de/ImageFlow/Examples#Target)
Hallo Finn, Dein Tool ist perfekt. Ich bin HTML Novize und konnte das Tool sofort einbinden. Ohne Probleme, Klasse! Nur bei der Einbindung von Highslide bin ich gescheitert. Deine Angaben auf http://finnrudolph.de/ImageFlow/Combinations welche Zeilen ins HTML, JS und CSS gemacht werden müssen erschließen sich mir lieder nicht. HTML und CSS geht noch, aber bei JS habe ich "versagt". Kommt das nun in imageflow.js oder highslide.packed.js und vor allem wie und wo? Wäre es möglich, dass Du da etwas genauere Angaben machen könntest? Das wäre super. Gruß aus Hamburg Karsten P.S.: klasse das so ein Tool aus meiner alten Heimat Kiel kommt :-)
@ Chris: If you have a problem with Highslide consult the Highslide FAQ: http://highslide.com/forum/viewtopic.php?f=4&t=606
kate, did buying the license get you the support you hoped for?
ARRGHH HELP ME PLEASE I LOVE this script - will happily pay for it BUT can't get the larger images to display - stuck on loading. I don't see a response to the inquiries here...files on my localserver as test before buying and loading so I can't post BUT all seems to be in right locations. Using imageflow.js --- added the var for Highslide_3 at bottom [[domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow' }); var Highslide_3 = new ImageFlow(); Highslide_3.init({ ImageFlowID:'Highslide_3', onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc'), outlineType: 'rounded-white', showCredits: false, fadeInOut:true, captionText: this.getAttribute('alt')}); } }); });]] --have highslide.packed.js, imageflow.js, and respective css files on server and linked to in html...calling the div in html by Highslide_3 name and leaving defaults - anything else? images are .pngs. link is set to http://localserver/IMG_5623.png... WHAT am i doing WRONG?
Looks like fun ;D http://dirtycomputing.com/
@ amenidad: You can manipulate the size of the images with the options percentLandscape, percentOther and imagesM (http://finnrudolph.de/ImageFlow/Documentation#Options)
Whoops, just noticed I forgot to post a link with that. Still trying to adjust the sizes: http://protogeo.info/JA_Site/photos.html.
@MK: Does your firewall like 7z files? http://finnrudolph.de/content/ImageFlow_1.1.7z and if that does not work you can dowload the files by hand from http://testground.finnrudolph.de/software/ImageFlow_1.1_Download/ (If you really want to do that ;D)
Is there any way that I can download the actual files, not compressed? The firewall at my office does not like .rar files for some reason....
Alright, I've given up on the reflections. :-( But now I'm having trouble with sizing. All my photos have the same height, so I don't understand why they don't display at the same height when they are in focus... Also, I've tried every CSS trick I can think of to move the myImageFlow div down on the page & I can't get it to budge.
Finn: Here is how I managed to hack something together that sort of works. On FireFox it works. In IE it says "errors on page" http://www.chasingame.com/index.php?id=85
@ Anthony: Nope I'd say there is a problem with the IE handling the JavaScript of the flashplayer and ImageFlow in a different way than ANY other browser out there... o O ( I HATE the whole InternetExplorer family *GNAAAAA* ) ;D
@Finn: I dropped back to your completely generic example: http://www.chasingame.com/testscripts.htm This does not work either. Apparently there is just an inherent incompatability with ImageFlow and Flash Players.
Thanks but do you have any examples for me to look at that I can test with ? I am learning but I am still somewhat a beginner I am afraid. :)
@ Anthony: You're using inline JavaScript to instantiate the ImageFlow objects. Please try to put the domReady stuff in the imageflow.js... Could be confusing for the beloved IE...
I am still having trouble with imageflow and player on the same page. ImageFlow by itself: http://www.chasingame.com/index.php?id=101 ImageFlow and JWPlayer: http://www.chasingame.com/index.php?id=100 these scripts are still interfering with each other and I am lost as to how to fix it.
@finn: hehe also verwirrung stiften wollte ich nun wirklich nicht ;) genauso hatte ich das auch verstanden, nur es funktioniert bisher nicht, wenn ich in der funktion this.createStructure den pfad vom dokument aus zu den php daten schreibe. es funktioniert "nur", wenn ich die php daten im selben ordner hineinkopiere. und auch wenn ich deine angebotene struktur benutze, sprich php daten und js datei im selben ordner ohne die funktion this.createStructure liegen habe, geht es nicht, erst wenn ich die php datei an die stelle kopiere wo das dolument die js aufruft. mal eine frage nebenbei, kann man die imageflow.js auch einmal laden, um dann von unterschiedlichsten seiten darauf zuzugreifen? mensch, ich brauch wahrscheinlich eine lehrstunde ueber korrektes relatives und / oder absolutes verlinken von daten ;/
@svenaushamburgbarmbek: Jetzt hast du mich auch verwirrt ;D Also du hast drei loacations: 1. das JS und CSS den Pfad gibst du im Header an und da verändert sich nichts. 2. den Ort der Bilder, das gibst du im HTML an und 3. den Ort der reflect.php Dateien und der ist relativ zu deiner Domainstruktur. D.h wenn du eine Seite hast http://www.sven.de dann musst du standardmäßig die php dateien direkt in das Verzeichnis legen wo die URL hinlinkt. Wenn du die reflect.php Dateien aber in einen Ordner tust wie z.B. 'phpGedoens' dann musst du in der imageflow.js die unten genannte Zeile in src = 'phpGedoens/reflect'+version+'.php?img='+src+thisObject.reflectionGET; umändern.
vielen dank erst einmal fuer das zeigen der position, wo das geaendert wird, allerdings muss ich nach wie vor die reflect dateien bisher IMMER in den gleichen ordner kopieren, wo sich das dokument befindet von dem aus es benutzt wird. wenn ich diesen pfad veraendere, muss ich dann von dem imageflow.js ausgehen, um auf die php daten zuzugreifen oder wird das imageflow.js von dem jeweiligen genutzten dokument genutzt, und dann entsprechend von der position auf die php daten zugegriffen?? bin total confused und hoffe, dass diese wahrscheinlich newbiehaften fragen trotzdem hier beantwortet werden ;) ansonsten Vielen Dank im Vorraus, Gruss aus Hamburg
@svenaushamburgbarmbek: Hi, die php Dateien werden im JavaScript verlinkt und zwar in der Funktion this.createStructure. Die Zeile ist da gehighlighted: http://pastebin.com/f411078f2 (einfach umändern in src = 'DeinPfad/reflect'+version+'.php?img='+src+thisObject.reflectionGET;)
@N Nölke: Okay, schön zu hören. Sieht gut aus!
@finn: habe es jetzt geschafft, die bilder "sichtbar" zu machen, indem ich die reflect2.php in den selben ordner, wie die beispiel datei zu packen. weiterfuehrende frage: wo und wie werden die reflect dateien referenziert? damit ich nicht in jeden unterordner spaeter eine reflect2.php mit reinpacken muss? ansonsten grosse freude hier, dass es klappt, sieht wirklich gut aus! danke soweit ;)
hallo finn, ich habe gestern das erste mal dein imageflow entdeckt und bin am rumprobieren. leider kann ich weder in der offline version, noch auf meinem server bilder sehen. mein hoster sagt dass die gd lib installiert ist, aber das einzige, was er zeigt sind die alt tags ;/ . pfadangaben sind nach stundenlangen versuchen wohl richtig, zumal die offline angesehene index.html auch keine images anzeigt, auch nur die alt texte. habe ich einen grundsaetzlichen fehler? wenn du zeit hast waere eine antwort klasse ;) ansonsten sieht dieses flow richtig gut aus! beste gruesse aus hamburg
@ Finn: Es scheint jetzt wieder richtig zulaufen habe das .js File neu runtergeladen und die Einstellungen vorgenommen.
@ Finn: Wir sind gerade dabei das aktuelle Imageflow zu implementieren. Testseite unter http://www.menschenfotografie.de/beta/business-fotograf.html Das Problem ist das bei eingeschalteter Reflektion die Bilder verzerrt sind, sie wirken gestaucht, ohne Reflektion nicht. Woran kann das liegen? Die Bildunterkanten laufen auch nicht auf einer Höhe? Vielleicht kannst du uns weiterhelfen
Finn - thanks for the link to the forward and back buttons - this is perfect!
Nope, they fail with yours as well - same error and all. :-S
Uh-oh... I only speak English! lol ;D Well, I guess I'll go ahead and buy the license then. Thanks again for your help and work on the plugin!
@ Amenity: Perhaps they fail with your images only? Have you tried my images instead?
@Kate: The plugin uses the latest ImageFlow version and on the plugin page are no further information on any licensing. So from my site you're good to go. And from the other site... on the contact site (http://shabushabu-webdesign.com/contact/) they say "Zusammenhang mit unseren KOSTENLOSEN WordPress Plugins"...
@ Anthony: Not sure... its an flash overlay thingy... I'd try to increase the z-index of the menu instead... if that doesn't work I'd contact the support for the player.
@ John G: Are you kidding me? Sounds on a website that the user not actually starts by himself is WORST practice... but if you really need it try google ;D
@Adding arrows: read this http://javascript.pastebin.com/f59ee0316 and take a look at a project I once did for a client: http://testground.finnrudolph.de/js/ImageFlow_1.1.1_Topper/
@ Michael: Nope... aber du kannst tricksen und einfach im Bild unten ein paar Pixel auslassen... oder noch einfacher ein div in der gewünschten Farbe und Position über alle Bilder positionieren ;D
Hi Finn! Just wanted to make sure, as I'm about to buy the license: were you saying that the license would cover use of the plugin too? I just put the site live so I'm trying to wrap things up. Thanks!
Here is a test page integrated on my site showing the menu problem: http://www.chasingame.com/index.php?id=100
Finn: I installed the player: http://www.longtailvideo.com/players/jw-flv-player/ as you suggested and created a test page using imageflow and this player. it works but I discovered a new issue. My div based pull down menus go behind this player. Is there a way to set the z-order on a player object ?
Hi Finn, it looks like it must be reflections2.php, as it works fine with them turned off. Any idea why they might be generating a MIME type error? I've ensured that I'm uploading them with ASCI text encoding...and it's strange they work in another directory (http://protogeo.info/JA_Site/ImageFlow/index.html).
Can you include a Aiff (Loop) file to play when viewing the gallery? I have posted this before, but this shout has not appeared in the shout box window.
23:01 - Adding left / right arrows
Hello, I was wondering if you had any versions os ImageFlow that had left and right arrows? thanks
Hallo Finn! Ist es möglich die Position der Spiegelung zu verändern? Ich würde gerne ein paar Pixel Abstand zwischen dem Bild und der Spiegelung einfügen.
@Kate: Okay... need to add the plugin to the extensions list then ;D - http://finnrudolph.de/ImageFlow/Extensions
Just to clarify: I know that definition only relates to Akismet. It just got my wheels spinning in my head as to what would constitute a "commercial" site (elsewhere). :)
No, I understand. I was just asking because I recently found out that according to Akismet's definition of "commercial", a site needs to bring in more than $500. Thus my curiousity! But, I certainly don't mind paying for something, especially if it will help a site I'll hopefully be generating some revenue from. (It's just a little side project of mine... nothing big.) Thanks for your work on the script, too! :) And, yes, that is the plugin I'm using. So far it's worked good. Thanks again!
@Kate: If the site has ads on it, it brings money in and therefore it fits the definition of a commercial purpose. Google also has ads on it... and you wouldn't call Google a non-commercial company, would you? ;D BTW: Are you using this plugin (http://shabushabu-webdesign.com/wp-plugin-nextgen-imageflow/) ?
Sorry... one more question: I took a look at the FAQs re: a commercial license. If I understand it right, even if the site doesn't bring any money in but it has ads on it, it's considered commercial?
Thanks for the reply. Do you know if I'd have to buy a separate license for the WP plugin? Or, would this cover that? Thanks!
@Kate: Hi, you can purchase a commercial license under http://finnrudolph.de/ImageFlow/Download
Nevermind! I took a peak at your CSS from the sample page and saw you're using "overflow:hidden;". Tried it and it worked. I thought of that earlier, but was thinking the image would still shift. It didn't! ;) By the way: thanks for the great script! And, while I'm at it: how do you go about obtaining permission to use this on a commercial site? (I posted on the support forum for the plugin, but I figured I'd ask you too.)
I seem to be having an issue with the browser's horizontal scrollbar. (I'm using the WP plugin.) It appears while the gallery is loading in IE7 and FF3 (at least, haven't tested other browsers yet). Once the page is loaded it disappears. I wouldn't mind it so much if it didn't cause the body's background image to shift also. (Not a good thing!) Any ideas what would be causing it? I've looked through the CSS and don't see anything jumping out at me. Thanks in advance!
@Amenity: Hmm... that's strange. Have you tried it with disabled reflections (http://finnrudolph.de/ImageFlow/Examples#No_reflections)? Then you could narrow it down to the reflect2.php having a problem with your server...
Thanks Finn, but I'm still stuck. Relative to the php file or relative to the html? Neither improves my issue :-(. http://protogeo.info/JA_Site/photos.html Although I do see the image with reflection in your link perfectly.
old, but still... http://stackoverflow.com/questions/184618/what-is-the-best-comment-in-source-code-you-have-ever-encountered
@ goran: Make sure, that the reflect php can be called: http://freeweb.siol.net/nmjgoran/reflect2.php?img=img/Scuba%20-%20001.jpg
@Finn. Danke funktioniert. Werde dein script zur Navigation auf meiner Homepage verwenden.
Hi, I only see filename or alt name, but no photos. But when I click on filename I get photo in fullscreen. It is the same, in IE8 and Firexox. http://freeweb.siol.net/nmjgoran/
@ Amenity: Hi, you should try to use a relative path to the images you want to reflect rather than absolute... Try something like this: http://protogeo.info/JA_Site/ImageFlow/reflect2.php?img=../photos/headshot.jpg instead of http://protogeo.info/JA_Site/reflect2.php?img=http://protogeo.info/JA_Site/ImageFlow/img/img1.png
Hi Finn, I have a problem getting ImageFlow to work on my site. I can see the demo fine uploaded to my server: http://protogeo.info/JA_Site/ImageFlow/index.html But when I try to place it in my pages, I get MIME type errors: http://protogeo.info/JA_Site/photos.html I even changed the encoding to match yours, but that doesn't seem to help either. Ideas? ImageFlow is really beautiful. Thanks for your work!
@ Michael: Du musst die funktion instanceOne.handleMouseWheel(1) innerhalb der domReady funktion einem a element deiner Seite hinzufügen, weil sonst die ImageFlow Instanz noch nicht erstellt wurde. Guck auch mal da: http://javascript.pastebin.com/f59ee0316
Hallo Finn, brauche Hilfe !! Habe versucht mit instanceOne.handleMouseWheel(1) in einem a-Tag einen weiter-Button zu implementieren. Funktioniert leider nicht, da immer der Javascript Fehler instanceOne ist undefiniert erscheint. Wie spreche ich die Methoden in Deiner Javascriptklasse richtig an?
@ Anthony: Okay, I also get that problem with the IE8. Can you make the document valid (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.chasingame.com%2Ftestflow.php&charset=%28detect+automatically%29&doctype=Inline&group=0) and try another flashplayer with an valid XHTML implementation like http://www.longtailvideo.com/players/jw-flv-player/
@ Finn - Strange that! Seems not to happen for me either. I think it may have been a caching issue. I was originally using larger images. I have got another problem now. I'm using the Highslide combination as described and, for some reason, IE doesn't seem to pick up the onclick behaviour. Any ideas?
@ Finn: Inspirated from 200Hz Motionflow ... maybe an idea for an imageflow experiment: http://www.pbase.com/erichmangl/image/70602201
Sorry.... This link works on all machines: http://www.chasingame.com/testflow2.php This link has the flash player and will not work on many: http://www.chasingame.com/testflow.php Thanks in advance! My site is non profit but I will gladly pay for its use. :)
This link works on all machines: http://localhost/chasingame.com/testflow2.php This link has the flash player and will not work on many: http://localhost/chasingame.com/testflow.php Thanks in advance!
I have installed imageflow and it works on my site. On pages where I have an adobe flash payer it does not work on some workstations under IE7. 50% of them! Does anyone know what I can do to fix this? I want to keep imageflow but if there is no workaround I will be forced to give it up.
Hi there, I am trying to use an img as link within the alt tag of imageflow, but the image is invisible. What can I do to overcome this? Thanks, Eduard
@Finn: Thanks for the fast anwser. You have to know, that i'm not an js-expert ... but i tried to solve the problem ... I added a new function "show_imageinformation" and code some lines into the "Initializes image gliding animation"-part of imageflow.js. Is it possible that you check my horrible code? Please look at: http://www.xs-hoppelhase.de I think it would be a great extensions for ImageFlow ...
@ Andreas: Sure. You could add some hidden div containers full with content beneath the ImageFlow container and give them ids that correspond to the image ids... like "c0", "c1" etc. And then you need to add some lines of JavaScript into the glideTo function that unhide the current div container and hides the previous one...
@Finn Gibt es eine Möglichkeit zu jedem angezeigten Bild im ImageFlow ein extra DIV-Container mit mehr Informationen (z. B. aus einer XML) zum Bild automatisch mitladen und anzeigen zu lassen? Als Alternatie zum "img-alt-text". Is it possible to show automatically more informations - e.g. collected from an xml-file - in an extra div-layer, for each image from the ImageFlow?
@ Stuart: hmm... strange I have checked your link with Firefox and refreshed the site... no strange scaling issues. I'm using the latest Firefox version 3.0.10
OK, I think I've found the source of the double size issue. It only seems to occur when I refresh the page in Firefox. Any ideas? The IE7 issue was caused by a missing image. Firefox and Safari just ignored it, while IE7 hung.
3D with JavaScript!!! Spread the word ;D http://finnrudolph.de/JavaScriptObject
I meant ImageFlow, not Highslide! I'll get it right eventually!
Sorry. Should probably point out that this is Highslide I'm talking about. Didn't realise that the shoutbox was for the whole site!!
First of all, great work with this script, it's easily the best implementation of coverflow effects I've seen, but I am having a few problems. Firstly, for some unknown reason, the images seem to be rendering at double size randomly. Sometimes it works, sometimes it doesn't. Secondly in IE7 (surprise, surprise) it seems to freeze before loading the last image. See here for example http://dev.pezholio.co.uk/century/music.html (and yes, I know it's a commercial site. License fee will be forthcoming once the site goes live :) )
The following snippet invokes the glideTo function with jQuery. Dont forget to comment/delete the ImageFlow instance creation in your imageflow.js in this case. $(document).ready(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'instanceOne' }); $(function(){$('#glideLink').click(function(){instanceOne.glideTo(3);});}); }); // ready.function
Will ImageFlow run on PHP 5+? We have PHP 5.2.5 installed. GD Version => bundled (2.0.34 compatible) with Apache 2.2. Any problems with this setup? I'm testing ImageFlow and have tried several combinations, turning off reflections, etc. but nothing. Love this, hope to get it working. If I can I'll make the proper payment and usage request for a commercial site. Thanks!
I prefer the simple version (#3) without the reflections and extra noise, but the effect is great. Well done.
Wie kann ich imageflow in XHTML nutzen, wenn das Dokument als application/xhtml+xml ausgeliefert wird? Dachte bisher, document.write wäre die einzige inkompatible Funktion.
Würde gerne zusätzliche Pfeil-Buttons zur Navigation einfügen, die die Funktion der Arrow Keys der Tastatur haben. Wie mache ich das?
Hello - I would like permission to use imageflow in a few of our sites - do I ask for such permission here?
@ Andy: Check the Highslide FAQ: http://highslide.com/forum/viewtopic.php?t=606
Danke für die Antwort, aber das hat mein problem irgendwie auch nicht gelösst, denn ich habe die Attribute width und height im img Tag gesetzt. Ich habe mir als Notlösung einfach zwei weitere Parameter in deinem Optionen Array angelegt, wo ich die Bildgrößen höhe und breite übergebe. Denn er hatte bei mir immer falsche breiten werte im Firefox bei getAttribut übergeben.
Hi I have installed imageflow and it works great! I am trying to get the highslide JS to work, but all I am getting is the loading graphic and nothing else. What am i doing wrong? http://www.nashfrancis.com/flow/
wie kann ich imageflow mit phpfusion 7 kompinieren möchte sie in einem pannel abspielen habe keine ahnung davon -.-
@ Thomas: "The image width and height parameters (w_x and h_x) must be set in the XHTML for full compatibility with the Internet Explorer. Sorry for this extra load of work - every browser but Microsofts Internet Explorer can fetch the right image dimensions via the JavaScript!" - http://finnrudolph.de/ImageFlow/Installation
Gibt es eine Lösung warum die Bilder im IE in der Höhe gestaucht werden? Im Firefox klappt das alles!
@ Marko: The reflect script should throw you an error...
im wondering why ImageFlow doesnt work with PHP 5? I've updated a PHP version on my server,from 4 to 5 and now ImageFlow wont work.Why?
http://svenystar.mybrute.com look at this, you will like this site! Fight me and Win :) Please, i need Points. Thanks!
This is a very nice shout box. Contrats
Finn, disregard my previous question, I was able to make it work using a custom HTML module and configuring it in a frame. Works like a charm. Thanks
Würde gerne zusätzliche Pfeil-Buttons zur Navigation einfügen, die die Funktion der Arrow Keys der Tastatur haben. Wie mache ich das?
Awesome product. I am trying to use ImageFlow in my joomla CMS website. I am attempting to insert the code into a custom HTML module (I have tried a few different custom HTML modules). Each extension I have tried changes the output of the files. It adds "/" to the relative path and then the php file cannot read the source. Basically the php source reads the image file as img=img/ However after running it through a Joomla module the output looks like img=/img/ Do you know of anyone being able to utilize this awesome app in a Joomla module? Or is there any way you can think I can edit your code to read the files with the relative path img=/img/ Thanks for helping a newbie Regards-
Bei Verwendung der Version 1.0.3 wurde durch die Implementierung in das CMS "phpWCMS" mittels eines Templates die ganze Angelegenheit der Bildformatierung gelöst, bevor Finn Rudolph dies nun auch in die neuste Version integriert hat. Und es läuft einwandfrei im IE6, 7 FF2,3 Opera, Safari ...
... never mind.... that won't fix anything because it doesn't work with any ie version... and the problem is not even imageflow sorry for posting
Hi, I get Imageflow working fine in Firefox, but in IE I see the whole component standing vertical on 1 side of the page. what do I do to make it to normal in IE 6
Is there any way to disable imageflow for ie6 only? thx
Hallo an Alle! Kennt jemand nen Weg Higslide mit voller Funktionalität in Imageflow einzubinden? Speziell die Bilder über Higslide in einer Slideshow abzuspielen? Vielen Dank im Vorraus, Wolf. Hello to All! Does anyone know a way to integrate higslide with full functionality to imageflow? Especially to play the pictures in a slideshow? Thanks in advance, Wolf.
@ ilen: Err... I understand english and german. If you want to know where this shoutbox comes from: I wrote it myself ;D
@ Zabdiel: Simple as that: You need to (!) set the width and height attribute of each image. "The image width and height parameters (w_x and h_x) must be set in the XHTML for full compatibility with the Internet Explorer. Sorry for this extra load of work - every browser but Microsofts Internet Explorer can fetch the right image dimensions via the JavaScript!" - http://finnrudolph.de/ImageFlow/Installation We all do love the IE family right? ;D
@ Lucian: No the speed of the StartAnimation can not be changed. It is limited by the browser and loops at 50ms... Concerning the centered portrait format: Try the option percentOther with some different values...
@ Johann: Ich dachte du findest es selber heraus ;D Guck mal bei den options: http://finnrudolph.de/ImageFlow/Documentation#Options und zwar die preloadImages sollte das tun, was du willst...
mejor miren el corel design shoutbox....... nada se le compara
que es esto???? ta horrible
Hi Finn! We have a problem, our images appears out of proportion in IE6 and IE7 I did tried changing the attributes of the constructor but nothing happens; could you help me to fix this? Here you can see the problem: http://www.fotosmile.com.mx/pages/productos.php?menu=3 Thank you
hello again, Finn Is there any way to change the 'StartAnimation' speed? Also... for some reason the front picture is not centered to the rest... don't know why... http://www.lukasig.com
Hi Finn! Danke! Nun gehts auch "nicht" im Firefox! Sehr fein so wollte ich es! Wenn ich den longdesc weglasse öffnete sich immer eine leere seite :-/ Einzig der Safari unter Vista ist noch komisch, aber den lass ich jetzt mal außen vor *g* Dank dir nochmal!
Hi Finn, kannst du bitte mal nch meiner letzten Frage gucken (16. Apr. - 14:17 Uhr) ... Das Problem besteht weiterhin! Es wäre toll wenn es eine Möglichkeit gäbe ie Bilder wärende des Ladens anzuzeigen.
http://vimeo.com/4129990 Kubik Hamburg
@ Jo: Klar, du kannst z.B. via CSS den Bildern einen Border verpassen oder die Bilder vorher mit Rahmen generieren...
Hi! Gibt es eine Möglichkeit, den Bildern im Karrussell einen schönen Rahmen hinzuzufügen?
@ Daniel: Lass einfach das longdesc Attribut der Bilder leer. So wie da http://finnrudolph.de/ImageFlow/Introduction#Demo
Hi! Wie kann ich beim Imageflow den "Onclick Event" beim Focusierten Bild entfernen, damit KEIN Popup oder neues Tab etc aufgeht? Im IE gehts indem ich keine URL in der HTML-Dateu angebe, der Firefox reagiert darauf aber nicht. @Steve:Look for the Start-ID in the FAQ
I have downloaded ImageFlow0.9_Lightbox2 from your website. There is only a single problem I am facing. When the page loads, the imageflow slides to the 5th image in start. I want it on 2nd image and not on the 5th image. I have also tried to change a global variable named "current" = 2 but still it directly goes to 5th image at start. Can you please help that how can I make it possible to glide to 2nd image on page load? Thanks a lot in advance.
High praise for this unqiue imageFlow!! I just wanted to share with you that deafCensus.org uses old version of imageFlow with some modifications to handle 2,500 images. Yes, it's huge, yet beautiful book flow I called it bookStream. Take a look at www.deafCensus.org. Go to Publication menu, bookStream menu. What's more unqiue is that it does not have to wait until all images are loaded. You can flip images while loading images.
@ Finn: Thanks for the response. Is there a way to substitute the 3 in "{yourInstance.glideTo(3); }" with text? ie: { yourInstance.glideTo(category); } ?
Thanks :-) got it workin now. Some filenames was different from filenames in the html file. Did you know that filenames containing & or ' dosent load?
MSI - Wind u-100 zu verkaufen. http://b-red.net/verkauf/
@Finn: Nochmals danke für die schnelle Antwort, dass war genau der Hinweis und die Sache die ich falsch gemacht hatte. Ich hatte die *.php's in das Verzeichnis mit dem js kopiert.
Hi, is there a chance to make the coverflow infinite. I mean, if there are eg 9 Pics, that you can scroll left till pic 9 and than pic1, 2, 3 will be displayed? Like a roundabout? I will give it a try in changing the source. If i have a solution i will let you know. cheers pmd.at
Wir nutzen ImageFlow auch auf 2 Websits und sind einfach nur begeistert. Nur ein Problem haben einige, die unsere Seite besuchen ... die Ladezeit. Wir binden zwar alle Bilder mit niedriger Auflösung ein, dennoch werden erst alle Bilder geladen und dann die Seite angezeigt. Gibt es vielleicht irgend eine Möglichkeit, die ersten Bilder schon wärend des Ladens anzuzeigen?
@ Michael: Die reflectionx.php muss im gleichen Verzeichnis wie die HTML-Datei liegen. Guck einfach nach was für ein Bilderlink generiert wird und schieb dementsprechend die php dateien da hin.
@ Faith: Can do. Simply disable the reflections: http://finnrudolph.de/ImageFlow/Examples#No_reflections
@ Svein: Make sure, that the reflect2.php is allowed to write into your images folder. If it's not it always creates all imagereflections if you open that site. With 202 images it is possible that your server takes too long and drops the creation of 3 images... Also make sure that the images are completely uploadet. (check: http://www.ibuymymusic.com/bloggen/flow/reflect2.php?img=img/Various%20Artists%20-%20Black%20and%20White%20Blues.jpg)
Hey, i have a laptop running xp. and for a projext im trying to get image flow to work. do i have to have php and a web server? is there any other way. i just want the pictures to scroll using internet explorer. the scrolling is working but the images just come up as little 'x'.
Hi Finn Thank you for this lovely script. I have made a page at my blog showing the covers of my CD collection. In Firefox it works like a charm, but n IE the loading of the images stops at 199 of 202. Yesterday with less pictures it also stopped before all was loaded. Why is this? HAve I done something wrong? Take a look if you can find the time at : http://www.ibuymymusic.com/bloggen/flow/
@Finn: Danke für Deine schnelle Antwort. Es ist alles eingebunden wir Du es unter "Install" so klasse beschrieben hast und *ohne* Reflection geht ja auch alles. Muss ich irgendwo die reflectionx.php als Pfad angeben?
@ Michael: Ohne link auf deine Implementierung kann ich dir leider nicht viel weiterhelfen. Öffne mal das (nicht) generierte Bild direkt im Browser. Also folge dem generierten Bildlink. Achja: Und überprüf nochmal, ob du auch die geänderte JavaScript Datei im header einbindest (imageflow.js != imageflow.packed.js)...
@ Ted: Like so? http://javascript.pastebin.com/f59ee0316
@ Lucian: Since you seem to have a CSS problem (read: some browsers are standard compliant other handle things different...) you can try a few things. But that takes time and at the moment I have no idea what could cause safari to fail...
@ Route: That narrows the problem down to your images generated by your server. If every demo on this server works fine for your with any IE but even the unchanged ImageFlow package on your server breaks there is something strange going on with your server creating the reflected images. Can you test the script on another server? Just to make sure?
Hi Finn, tolle Arbeit Dein Imageflow, vielen Dank! Ich probiere es gerade mal etwas aus und komme mit der Reflection nicht weiter. GD ist bei mir 2.0.28 installiert und trotzdem erhalte ich ohne die Parameter reflections: false und reflectionP: 0.0 nur Text statt Bilder bei der Anzeige. Ohne Reflection geht alles. Kleiner Tipp für mich, wo es haken könnte? Danke :-)
Hi Finn, great script. Is it possible to copy/alter the glideTo function to make it glide to an image name rather than an imageID? The function would be used for a menu. Thanks
so... i'm guessing that there's not much I can do..(?)
Sorry for my English please. I got help with the text, so send you it again So, I downloaded the lust version, didn’t changed anything in the files. Opened in browser IE8 (in IE 6 и 7 the same situation) and at scrolling of images here that occurs: screen: http://pic.ipicture.ru/uploads/090414/6xXOzH13W5.png website: http://kazennoff.ru/ In other browser: Opera, Firefox and so on everything fine. I tried to delete from imageflow.css: -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ But it didn’t help. Help tp solve this problem please. Interesting note when I opened your site http://finnrudolph.de/ImageFlow with IE and in demo version everything work correct.
Problem at scrolling. In all other browsers works well! Changed nothing. Has downloaded and at once has started. In advance many thanks. ;)
It is difficult to me to explain, as I do not know English. Look please on a sreen http://pic.ipicture.ru/uploads/090414/6xXOzH13W5.png and on a site http://kazennoff.ru/ You will understand at once all
I have downloaded last the version. Has opened in IE8 (In IE 6 and 7 too most). When you scroll images here that occurs: http://pic.ipicture.ru/uploads/090414/6xXOzH13W5.png Tried to delete. -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ It has not helped!
I have downloaded последнею the version. Has opened in IE8 (In IE 6 and 7 too most). When you scroll images here that occurs: http://pic.ipicture.ru/uploads/090414/6xXOzH13W5.png Tried to delete. -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */ It has not helped!
@ Lucian: The ImageFlow container div has no margin or padding. What you're running into is the joy of cross-browser-compatible webdesign...
@ Enix zhang: Sure, why not? You need to figure out how to trigger the Shadowbox JS "from the outside" on click events. Check http://finnrudolph.de/ImageFlow/Examples#New_Window to see how you can manipulate the onclick behaviour of the images in ImageFlow. If it does not work out for you and nobody in the Shadowbox Forum can help you ( http://www.shadowbox-js.com/doc/forum.html ) I suggest you also take a look at the ImageFlow Highslide Combination which works like charm ;D http://finnrudolph.de/ImageFlow/Combinations#Highslide
@ Route: Hi. What exactly do you mean by glare/break? If you are using the IE7 I suggest, that you disable the tweak I implemented in the latest version ( http://finnrudolph.de/Blog/ImageFlow_1.1_-_Aspect_Ratio_and_IE7_Tweak ): Simply delete line 18 of the imageflow.css and the IE7 will fall back to its default image resampling... If that does not work try smaller images and/or other jpg settings (progressive/optimized etc.)
Please help! Has already put gd, has not helped! demo on your site in browser IE works well. Why at me http://kazennoff.ru/ images brake at scrolling?
Hi! when the image scrolls in IE browser, they provide glare. www.kazennoff.ru How to fix? Sorry for my English. :)
could it work with ShadowBox ? ImageFlow it drive me crazy.....
here is a link in case you need it: http://www.lukasig.com/ i placed the add 13px higher, so it displays correctly in firefox and ie, but not in safari
hi Finn, When adding the imageflow, other html items will be displayed 13 pixels lower than their original position. do you have any sugestions?
@ der Koenig: ;D War nicht auf dich bezogen, brauchte nur eine Ablage für den Link. Ich habe mit Absichte keine Frameworks benutzt, weil man sich auf eines festlegen müsste und alle haben ihre negativen Seiten... ausserdem wage ich zu behaupten, dass es so kleiner ist ;D Aber wenn du eine jQuery Implementierung schreibst lass es mich wissen. Das Ergebnis interessiert...
Was will mir der Author damit sagen ;O)
Hi Finn, a great work with a very nice feature-list. it would be perfect if a) it is a jQuery plugin and b) i could scroll vertically. thinking about working on such a version and send it to you... Bis gleich der Koenig
Hi Finn, I am trying to use the latest version of ImageFlow with the LightBox2.0 I am using the function "function () { new Lightbox(); }" in the init function of imageFlow. ImageFlow is detecting the click and passing it to LightBox but LightBox is unable to display the image. And continuously showing image loading. May be the image path is not passing to LightBox. Can you please help?
I've been playing with ImageFlow this afternoon and really like it. I'm wondering if anybody has taken a stab at wrapping it into a jQuery plugin yet? T
Inside a Google Data Center http://www.datacenterknowledge.com/archives/2009/04/02/inside-a-google-data-center/
Hi, I'm trying to do what Nico wanted to do and have a link that changes the focused image. I'm not sure what the http://javascript.pastebin.com/f59ee0316 os trying to say.. Thanks for the script
I have been using your ImageFlow script for my coursework and it is fantastic! If I decide to use it in an industry environment I would be more than happy to donate the $20.
@ Denis: Have you read the documententation? http://finnrudolph.de/ImageFlow/Documentation#Options take a look at the opacityArray ;D
Finn, the option of opacity exist between the images from the 1st to the last ; but would be possible to add the option of blur ? like : BlurArray: [4,3,2,1,1] });
@ Joakim: Yeah... I know that one ;D Thank you for reporting! Will be fixed in the next version.
Caught a bug ;) If there only is one image in the imageflow, it crasches with MSIE 7.0 - but works perfect with FF 3.0.8 Regards, Joakim
@Finn, okey good luck with your Staatsexamen and keep the god work up! Joakim
@ Joakim: Sure, if they can do it is possible. But it is currently not supported with ImageFlow and I am "under fire" with other things... o O ( like making my Staatsexamen ). What I tested at the beginning of the developement of ImageFlow is the reflect.js solution... but had to drop that approach: http://finnrudolph.de/ImageFlow/FAQ#Implementation_9
@ SimoBenso: http://finnrudolph.de/Shoutbox/1237372962
Hi Rudolph! Great Imageflow - but I really want to have the refelctions without installing PHP. I know that it is possible because these guys have succed with that - with only javascript! Possible? http://www.outcut.de/MooFlow/
Hello, I was wondering if there's a way to make ImageFlow have a circular effect ? Thanks
@ Nico: Like that http://javascript.pastebin.com/f59ee0316
Hi, How to put 2 buttons to change images ? How to access objects outside it ? Thanks
Hi, ich nehme alles zurück !! Es geht, ich habe ienfach ver gessen das JavaScript am anfang des HTML Files anzu geben. Ein " hs.graphicsDir = 'highslide/graphics/'; " Eingefügt und schon läuft es !! Trotzdem , noch mal Dane für das Tolle ImageFlow. Gruß aus Hamburg Stefan
Hi, also alles ausprobiert wie drin steht,aber leider keinen erfolg. :-( Ich benutze "highslide-4.1.2", habe alles wie drinsteht auf den Server kopiert. Dann in der "highslide.css" folgendes eingefügt: .highslide-container { z-index:10003 !important; } .highslide-credits { display:none !important; } .highslide-caption { color:#333 !important; } Und in der "imageflow.packed.js" dies: domReady(function() { var Highslide_3 = new ImageFlow(); Highslide_3.init({ ImageFlowID:'Highslide_3', onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc'), outlineType: 'rounded-white', showCredits: false, fadeInOut:true, captionText: this.getAttribute('alt')}); } }); }); Und in der "highslide.packed.js" dies : hs.graphicsDir = 'highslide/graphics/'; Alles Bilder haben die exate größe und die Links sind auch ok. Kann es vieleicht am Server von Strato liegen?
@ Stefan: Ein Fall für die Highslide FAQ: http://highslide.com/forum/viewtopic.php?f=4&t=606&sid=49fa174f76d9fa7ca9c3cdcaa928f56b
vieleicht ist es leichter zu verstehen wenn man es sieht: http://www.blinkmann.de/Neu/test.html
Hallo Finn, tolles ImageFlow ! Ich komme nicht weiter und brauch mal Hilfe: Das ImageFlow läuft, nur wenn ich versuche "Highslide JS" einzubinden, dann wird zwar alles gleaden, aber wenn ich das Bild anklicke steht nur "loding.." da. Wenn du noch mehr Info brauchst sage bescheid,möhte nicht gleich alles Posten. Danke. Gruß Stefan
So wie ich das sehe liegt das Problem in der reflect3.php. Aber der 100% durchblick hab ich da auch nicht. sorry
@schmidex Ja, das refelctionPNG steht auf true, ansonsten ist ja der Hintergrund des Bildes schwarz (nicht bloss die Reflektion), das irritiert mich. Gibt es irgendwo funktionierende Beispeile? Ist ev, mein PNG aus Photoshop nicht korrekt? Ich poste hier mal meine Version: http://kurzfilmnacht.com/kfn_team.html
Simon hast du "reflectionPNG" auf "true" gesetzte? Ansonsten übergeb doch per "reflectionGET" deine Hintergrundfarbe. Gibts auch ein Beispiel zu.
Hallo Finn danke fuer deine rasche Antwort zum Post vom 23. März. Komme dennoch nicht weiter. Mein PNG hat eine Transparenz, diese erscheint in der Reflektoin aber immer Schwarz!
ImageFolw ist ein sehr schönes script :) vielen dank dafür ;)
sorry. Hatte mehrere Testinstallationen... und hab in der falschen css geändert. Deswegen hab ich's erst nicht hinbekommen. Danke trotzdem. Habe jedoch noch ein weiteres Problem. Ich verwende auf der selben Seite wie Imageflow auch den TinyMCE Editor. Das scheint zu einiges Schwierigkeiten (komischweise nur im Internet-Explorer) zu führen. Binde ich zuerst Imageflow ein... funktioniert alles bis auf die Lade anzeige. Binde ich zuerst TinyMCE ein. Funktioniert der Editor nicht :-( Eine Idee wie ich das umgehen kann? Vielen Dank nochmal. Klasse wie du hier auch hilfst.
@ Buddy: The example is correct... with the reflect2.php you need the % but with the reflect3.php a % breaks the thing... Need to change the reflect3.php in the next release.
@ schmidex: Schau dir mal die CSS Angaben in dem Beispiel an: http://finnrudolph.de/ImageFlow/Examples#White_background_color
Hallo Finn. Grossartiges Scrip. Habe genau soewtwas gesucht. Ich verwende Imageflow auf einem weißen Hintergrund... daher sieht man den Ladebalken nicht. Kann man die Farbe irgendwo ändern? Im css file habe ich nichts gefunden was geholfen hätte. Danke
Finn, just a reminder to update the examples page code for the fade starts. Best, Buddy
Big Man, thanks. You're the bomb! Best, Buddy
@ Buddy: Okay, my fault... you want to use ImageFlow with reflectionPNG enabled and strip the % sign from the fade_start... that should give you this and that works: http://www.rodaian.com/reflect3.php?img=img/img2.png&bgc=000000&fade_start=20
Here is the corrected version of my previous shot but still shows just image box outlines: domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow', reflectionGET: '&bgc=000000&fade_start=20%', onClick: function() {window.open(this.url, '_blank');}, }); }); Thanks, Buddy
http://www.rodaian.com/ This is what I have in the packed js so far: domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow', reflectionGET: '&bgc=000000&fade_start=20%' }), onClick: function() {window.open(this.url, '_blank');}, }); }); The line that threw it off was the fade line. I am getting ready to change background colors, so I began with this custom tweak. Thanks for your guidance! Cheers.
Let the IE crash: http://www.catswhocode.com/blog/6-html-and-javascript-codes-to-crash-ie6
@ Buddy: A link on your implementation helps...
Hi Finn, I can't seem to get the fade_start to work under any condition. Every time I add it to the packed JS file at the bottom, I get missing images. reflectionGET: '&fade_start=20%' }); Every other modification works from your example page, but the fade_start. Any suggestions. I just downloaded the 1.1
@ Rajat: That is not possible. ImageFlow is - as the name suggests - only for images.
@ Simon: Lies dir doch nochmal die Dokumentation durch. Am meisten wird dich die Option reflectionPNG interessieren ;D Die Funktion glideTo kann man extern so aufrufen: http://javascript.pastebin.com/f59ee0316 und die startID kannst du z.B. aus einem PHP-Script übergeben wenn du das JavaScript dynamisch damit generierst, also nur den Part der das ImageFlow Objekt instantiiert...
Kann man die startID auch aus einem PHP-Script übergeben?
Hallo Finn grossartig das ImageFlow, herlzichen Dank! Ich suche auch die Möglichkeit, dass glideTo extern aufzurufen und habe bei PNGs keine Transparenz in der Reflektoin sondern Schwarz. I'm have a Black Background in the PNG Reflection. Is there any solution?
Thanks. Will do that. But just for confidence, there is nothing in the ImageFlow js that restricts it only to images as I want to replace them right there by html blocks. More like a searchme interface through ImageFlow.
Browser Standalone .exe http://www.xenocode.com/browsers/
@ chris... Jepp z.B. so: http://javascript.pastebin.com/f59ee0316
hallo finn, sehr nette js app. ist es möglich die glideTo function extern aufzurufen? z.b. über ein onclick event in einem tag?
@ Rajat: I used iframes with Highslide for the YouFlow thing... was the only way it worked for me. Highslide html did not work... So if iframes with Highslide are not an option check Torsteins support: http://highslide.com/support
@ martin: No clue. ;D
Hi, First of all,excellent work! I am trying to configure ImageFlow to work with HighSlide for html content but was getting nowhere with it. I saw your YouFlow implementation and you seem to display a screenshot first which further needs to be clicked to load the HighSlide object with the flash content. Is this the way I have to do for normal HTML content as well ? I was thinking of getting to display a stack of HTML blocks directly through imageflow. Any pointers would be helpful.Thanks in advance.
hi fin, have the problem with ie7 too. using imageflow1.1 and Highslide JS. everything works fine with firefox. if i start my side with ie7. it says loading and it didnt load any image. the funny thing i check your side with ie7 to look if it works with ie7. on your side eveything works fine with ie7. the funny thing now, after i check the function with ie7 on your side i go back to my side and it works too ???????? have you any idee ?
Several screenshots of norwegian websites suggesting IE6 users to upgrade (or switch) their browser! http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/
And norway starts the revolution against the IE6 ;D http://www.trygve-lie.com/blog/entry/bye_bye_to_ie6_in
Seems as if IE6 is going down somewhat sooner than I thought: http://www.robertnyman.com/2009/02/09/stop-developing-for-internet-explorer-6/
@ Lucian: You can define the color for the whole ImageFlow instance. Check the CSS for the id #example_14 in http://finnrudolph.de/ImageFlow/Examples#White_background_color
Where can I edit the font collor from white to something else (#333333)
@ Simon: Da liegst du weit daneben ;D http://finnrudolph.de/ImageFlow/Combinations#Highslide
Highslide JS funktioniert ja nur mit 0.9 - wo kann ich die alte Version noch runterladen?
Augmented Reality Toys: http://www.coroflot.com/public/individual_file.asp?from_url=true&portfolio_id=2079967&individual_id=247657
Just want to know how to do that. Unfortunatly, I am not an expert of database. Your script is really fantastic.
Love the code Finn. I'm by no means a coder. I have figured out how to change most of the settings I want but even after checking on your site, I still can't get the reflection to work on white... http://www.rethinkmagazine.com/ImageFlow/index.html I thought I had changed the code in the right spots... Any suggestions would be appreciated. THx Steve
@ Denis: Sure that is possible. Simply build a dynamic website that generates the XHTML for ImageFlow based on the search query... no big thing with PHP and a MySQL database... Or what do you wanna know?
Imageflow with a engine search with query: http://www.europeana.eu/portal/year-grid.html Is a kind version would be possible ? It would be very useful.
@ Lucian: You're welcome ;D
thank you, Finn
@ lucian: The imageflow.css is not loaded... check the path...
i get the images scrolling vertically http://www.lukasig.com/temp/ lukasig@hotmail.com
Hi Finn, That's exactly the sort of effect I was talking about! Will definitely keep an eye out if that is to be implemented ;) Cheers
Yes! That's exactly what I was trying to achieve. If anyone could come up with a quick hack, that'd be so awesome. Thanks!
@ Keith and Andrew: That is possible, but needs some time to understand/hack the thing. I once did that for a client with an old ImageFlow version. Check http://petralangemeyer.com/ . o O ( If you really really want this I consider implementing it in the next version... coming when I find some time for it ;D )
Quoting Andrew (12.03.09 @ 17:18): ...is there an easy way to make the flow continuous i.e. so when it reaches the end of the images it starts of again, like a carousel? Would also like to know if this is possible. Thanks, Keith
Michael Levy - "One": http://michalevy.com/one ( at YouTube: http://www.youtube.com/watch?v=qypqwcrO3YE )
@ Rob: Um eine optimale Bilddarstellung für das zentrierte Bild zu finden gehst du am besten andersrum vor. Konfiguriere erst ImageFlow wie es am besten aussieht und mache dann ein Screenshot. Dann miss die exakten Bildmaße und speicher die Bilder in den Relationen. Alles andere ist sehr umständlich. Optionen die die Bildabmessungen beeinflussen sind: imageFocusM, imagesM, percentLandscape, percentOther (http://finnrudolph.de/ImageFlow/Documentation#Options)
Hallo Finn, ist es möglich die Originalgröße der Bilder darzustellen, ohne dass sie skaliert werden? Bin schwer beeindruckt von dem Programm, aber durch diese Skalierung stimmen die Verhältnisse teilweise nicht, wenn ich kleinere Bilder einsetzen möchte. Schonmal Danke LG Rob
I have reflection and slider turn off for my setup. And now, there seem huge spaces at the top and bottom. Any tips on how to reduce these spaces? Thanks.
Yes Finn, why use Imageflow with only 1 image ? But if you begin a new gallery of pictures with only one picture, the time you collect the other, your 1st image must appear. This is the problem I have seen. Thanks
@ Finn Thanks for your quick answer. I had an old version which didn't include that option... But scrollbarP works perfectly.
@ Denis: Hum.. okay. I'll have a look into that. I always thought: "Why should anyone use ImageFlow with only one or even no images?" But considered some nice dynamic content there are some cases it would make sense... will be fixed in the next version ;D
@ Louis: The option scrollbarP is your friend ;D ( http://finnrudolph.de/ImageFlow/Documentation#Options )
Finn, I have just seen that if Imageflow contains only 1 picture, that do not run, then it was the case with the last version. The minimum is 2 pictures.
Hi, how can I easily change the width of the scrollbar? Thanks
That's works now. That's perfect !
@ Denis: Okay... where are you running ImageFlow? On your local machine? If that is true are you aware of the requirement of PHP with the GD library for the reflections? If it is somwhere on the net a link on your testenvironment would be nice... otherwise it's guessing ;D
Finn, Imageflow works, but there is not images. Then when we extract your zip, I have well the images.png in the folder img. But your link works perfectly : http://testground.finnrudolph.de/software/ImageFlow_1.1_Download/
@ Denis: Hmmm... does that error occur also with this ImageFlow http://testground.finnrudolph.de/software/ImageFlow_1.1_Download/ ? That is the content of the download package and it works just fine with my IE7 under WinXP SP3. And just to make sure: I am checking the ImageFlow version with BrowserShots http://browsershots.org/http://testground.finnrudolph.de/software/ImageFlow_1.1_Download/
I have extracted the new version of ImageFlow and it does not run. The images do not load. Either the images do not appear, either, the scrolling bar block at the beginning of the loading. I have IE7 and all the other version runs perfectly
@ Jelte Liebrand: Sure thing. What did you have to change? ... wrote you a mail...
Hey there, I've updated your script so that it works with shadowbox... would you like the patch to get that in to the main version? (also added an option to turn off mousewheel scrolling as it annoyed me ;-)) /Cheers, Jelte (jelte at liebrand dot co dot uk)
There is a new ImageFlow version online! Check the changelog at http://imageflow.finnrudolph.de/ and grab yourself a hot new copy at http://finnrudolph.de/ImageFlow/Download (Soon you can read more about the release in the blog...)
nice scripts .....
This script is great! However, I can't seem to lower the scrollbar. I'd like to drop the scrollbar and images so that I can fit taller images on the screen. Right now, I have several inches of blank space under my images and scrollbar. I've tried messing around with the imageflow.css file, but can't seem to get it right. Thanks!
Hi Finn, du hast geschrieben, dass es demnächst eine neue Version geben wird, in der man die Relation selbst definieren kann. Das wäre sehr nützlich! Wann wird es ca die neue Version geben? Viele Grüße Philipp S.
Some of my users are getting a “Script Error: Member Not Found” error message when closing an IE window that was on our page that includes ImageFlow (http://beckerexhibits.wustl.edu/mini/wusm-new.html): In our case the Line referenced is 245, Character is 5; Code is 0. Is there anything I can do to fix this?
I'd like to get the front image to be larger. Right now, it appears limited to a preset max size. I've tried changing the "imageFocusM" from 1.4 to 1.7 or larger. I see no difference. In imageflow.css, I have the imagleflow width @ 100%. Any ideas?
Hi, With regards to Imageflow, is there an easy way to make the flow continuous i.e. so when it reaches the end of the images it starts of again, like a carousel? Thanks!
Hey Finn, your software is awesome. ImageFlow and MyFlow are killers ... thankx for that! Andy
@ Tom: Schreib mir mal eine E-Mail...
@ Des Deeney: Check the header of your HTML.
http://blog.iphone-dev.org/ "iPod Touch 2G: Hi, welcome to the jailbreak family" YEEEHAAAAA!!! ;D
Love the software, looks really well and have really played around with it. My problem is "How do I change the icon". I have changed the favicon.ico but it seems to be hard coded. Is there anyway to fix this. Regards, Des
Hallo und Lob und Anerkennung-) Ich würde gerne ImageFlow anstatt eines in meine, template eingebauten slider nutzen. Hier eine Demoseite zum meinem Template. http://projamlight.oinkba.com/ Ist dies möglich? Besteht die Möglichkeit das Script inklusive Einbau zu erwerben? Danke Tom
OK i disabled the reflections and works. But i have PHP on my PC ( i have WAMP SERVER which is php, apache and mysql all in one). Why i will not work with reflections?? Thanks Chuck!
George - if you are trying this on your own computer instead of a server, you'll need to install PHP. #5 of the FAQ states: 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. I hope this helps you. Chuck
Hi, I have a problem with my pictures. I load pictures from my database but i can't see it in ImageFlow. i can se only the pictures name. if i click on the name i can see the picture in another window. I use only jpeg pictures. can you help me?
How can I lower the amount of open space that is above the image, as well as the open space below the scrollbar? Any assistance would be appreciated.
If you decided to find any kind of files fast you should try here http://sharesdigger.com All informational recourses are divided according to their features, so it's easy to search for what you really need now.
This looks pretty awesome, but I seem to be having a weird problem. I got the effect working and the images showing up, but when I test it, the coverflow runs vertical, along the side if the div! The images are correctly shown, but they scroll from top to bottom! Any ideas?
Hey Finn- First of all thank you so much for all that you have done. I have 1 question. I upload images through my site and store there location in a database. When i call the images from the database to display in the image flow, all the images stay the same size and do not get smaller as they move further from the center. I do not know what im doing wrong or weather it will work as i wish. Thank you again for great work and God Bless
Fiddled a bit more but still no joy! Please can you take a look? Pretty please? http://www.layabarak.com/dance.html
Hey Finn - Love your flow! Hvae bought a license and will buy another if I can get the fokker to work. It seems to be OK in FF but in IE on this page it won´t show (checked the ones on your site and they show fine): http://www.layabarak.com/dance.html Help much appreciated Rick
@ Ruud: I wrote that in the blog: http://finnrudolph.de/Blog/ImageFlow_1.0_online_-_Object-oriented
Can you explain on your website that the license has changed at some time? Version 0.9 was Public Domain: [quote]You are free to use this in any product, or on any web site.[/quote] Now it "suddenly" is CC3-Non Commercial. Nowhere (documentation/faq) I find when this change took place.
James - work with your paths - right click on your "invisible" image and check path, make sure it is right.
Schaut mal bei mir vorbei [link:www.physik-lexikon.de] :) Michael
Schaut mal bei mir vorbei www.physik-lexikon.de :) Michael
Hi there, I am having difficulty replacing the images, the script i downloaded when previewed I can only see the text and not you images. However if I click where I think the image should be it links to another page and becomes visible. I really would love to know how to see the images and change them to my own with the reflections working and visible too, please please help. Many thanks, James
Ohh, and one more. After turning on opacity and reflections, reflections are not working corectly in ie
Hi! Thank you for your really good script. I think, that I found one bug in it. When I want to place really high and norrow image it is not centered in preview and looks really bad.(tried on clean version from your download section) Maybe you know any solution for that? Would appropriate your reply. wojciech.radomski [at] gmail.com I will definately donate after finishing my project
@Finn: Danke für die schnelle Antwort. Ok, das hatte ich vermutet. Ja, ändert ja nichts daran dass es trotzdem ein feines Teil ist, echt super! Dann bin ich mal auch auf die neue Version gespannt. Gruss M.
@ Markus: ImageFlow skaliert die Bilder in Relation zur Breite des Div containers. Es wird demnächst eine neue Version geben, in der man diese Relation selbst definieren kann.
@ slochhewie: Check the Highslide Forum and especially that FAQ: http://highslide.com/forum/viewtopic.php?f=4&t=606
Hi Finn habe mir ein solche antwort schon gedacht. Das "aus dem Hintergrund kommen" statt nur von der seite wäre halt schön (gewesen). Kennst du jemand der deinen Vorschlag für mich realisieren könnte?
Ich habe ein kleines Problem. Meine Bilder sind 170px x 133px. Leider werden die aber immer vergrößert dargestellt, trotz eingabe der Grössen im imagetag. die grösse der Galerie ist 760x300. Ich habe es im Moment gelöst indem ich "imageFocusM: 0.7" eingefügt habe, so stimmen die Bilder. Nur während dem scrollen z.B. sind die Bilder trotzdem vergrössert. Irgend eine Idee woran es liegt? Gruss, M.
Found out :( for some reason you can not start your page with it seems you must have something like :(
Really having problems with one of my image flows as it keeps showing the images vertical instead of horizontal. I have a simpler page that does it perfectly but on this one they grow and all but its like the x position is completely ignored. If I haven't fixed it by the time you answer check it out at http://www.nickydee.net/blog/ I have a working version at http://www.nickydee.net/index2.html ps. great app, definitely going on my link page ;)
Hallo, kurzer Hinweis. Wenn man die Caption, also den Alttag des Bildes als Link darstellt (HTML Entities), dann wird die Caption im FF und IE nicht richtig zentriert und der Opera und Safari schiebt das ganz komplet nach links. Um das zu vermeiden müßt Ihr im CSS einfach nur folgendes ergänzen: .caption a {text-align:center; position:relative;} Mfg Steffen
Can this be use with hs.htmlExpand to and objectType: 'ajax' so that the highslide can render an external html file instead of an image? I did try myself but my js skills are zero to nil and every time I click on slide I just get the loading image.
Hey I need you´re help... I can´t Install this into my webpage.. I want that when I click on 1 Picture that it go to another frame... example: I have a Picture where is written Mobile-Phone Designs then when I click on this picture they go in the same frame to another page where the mobile phone Designs are... Who can help, please write to: alex.dacruz@yahoo.de And when it is in German it is aswell better for me to understand xD Thanks...
@ Simon: Sure. You can purchase a commercial license - http://finnrudolph.de/ImageFlow/Download
Hi, I am a software developer, and would like to know whether i could you your coverflow to show examples of my work?
YouFlow rockt :)
Hallo Finn, ich mache mit einen onclick links oben auf der Seite ein div sichtbar und möchte, dass ImageFlow dann wieder auf das erste Bild geht, ich also links vom ersten Bild Raum habe. (Sowas wie onclick="Imageflow.glideTo... " )
@Finn Ich habe schon versucht die Proportionen in Javascript zu ändern. Leider hat sich dann alles verzogen. Reicht es nicht aus wenn ich die Berechnung der Seitenverhältnisse des Containern ändere? Kannst du mir ein Tipp geben, in welcher Funktion ich ansetzen soll. Viele Grüße Philipp
Habs jetzt Gott sei Dank hinbekommen! Ich wäre echt fast verzweifelt. Danke.
@ spaxi: In irgendeine css datei, die für die Seite in der du ImageFlow mit Highslide kombinieren willst aufgerufen wird (also im header der html seite auftaucht)...
Kann mir niemand helfen?? Wo muss ich diesen Code: / Where to put this code: #### .highslide-container { z-index:10003 !important; } .highslide-credits { display:none !important; } #### einfügen??
@ Frédéric: Try setting the option (http://finnrudolph.de/ImageFlow/Documentation#Options) preloadImages FALSE
I have tested image flow, it is really good. But there is a problem when you have too much images: they appears only when they are ALL loaded. So, you have to wait a long time before to see images. Is that not possible to show ten images, for instance, after they are loaded, and only after continu the loading for the others ?
Hallo. Erstmal möchte ich sagen, dass mir das ImageFlow wirklich super gefällt. Jetzt möchte ich gerne Highslide hinzufügen, aber irgendwie hilft mir die Seite mit den Kombinationen nicht weiter :( Kann mir jemand helfen? Bei welchen Dateien muss ich was verändern damit das klappt? Danke im voraus, spaxi
Wäre eine super Sache wenn du das hinzufügen könntest ;)
@ Philipp S.: Du kannst die Relationen im JavaScript ändern... Aber das ist nicht so trivial ;D
Nice Tool: http://colorschemedesigner.com/
Hi , gibt es keine andere Möglichkeit die Proportionen des Containers zu ändern. Ich brauche einen Container der 500px Breit ist und nur 200px hoch. Mit "position:relative; und margin-top:-50px; margin-bottom: -50px" ändert nicht die größe, weil die dargestellten Bilder nicht auf meine gewünschten Proportionen berechnet werden. Grüße Philipp
@ BorGus: I don't know. Ask the forum of the CMS and everything else is documented there: http://finnrudolph.de/ImageFlow/Installation
Hey Finn, I have a website where you can listen to webradio, music and view web-TV. Its a very userfriendly website that makes all these things easy manage. I also have TubeSpider on the site, but I found your YouFlow much more nicer. So I would like to have it there. At fist I had this site for personal use on my local machine, but I upload it for fun a couple of years ago, and there are some people enjoying it and using it.
How to add the Imageflow in a Panel in Php fusion v7 ?
@ Frederik: YouFlow is simply ImageFlow combined with Highslide (which is simple and documented there: http://finnrudolph.de/ImageFlow/Combinations#Highslide) plus some lines in PHP to access the YouTube API (which is a littlebit more complex and documented there: http://code.google.com/intl/de-DE/apis/youtube/overview.html)... At the moment YouFlow is a service as it is. For what would you need it?
Is YouFlow a script that you will release or sell?
@ Rob: Hmm.. das hat dann aber auch nicht mehr viel mit ImageFlow zu tun... am einfachsten wäre es einfach so wie bie Apple zu realisieren, also einen ganz breiten Streifen mit Bildern und via JavaScript den Streifen hin und herschieben und den Rest mir overflow:hidden; verstecken.
@ Jon: Check out the best pop-up JS combined with ImageFlow http://finnrudolph.de/ImageFlow/Combinations#Highslide ;D
Hi Finn. ich bin experimentire gerade mit ImageFlow und würde es gerne auf unserer Homepage einsetzen. Natürlich werde ich dann eine Lizenz erwerben. test: http://www.mitsm.de/fileadmin/user_upload/Test_ImageFlow/ Ich habe es jedoch bei folgender Aufgabe es nicht geschafft, sie mit den vorhandenen Einstellungen zu lösen. Anbei eine Fotomontage. Hier sind mehrere Images, in der Mitte gleich groß. Das ganze ist breiter. Besteht die Möglichkeit, so etwas mit den vorhandenen Einstellungen zu realisieren? fotomontage: http://www.mitsm.de/fileadmin/user_upload/Test_ImageFlow/Fotomontage.png Wenn nicht, wie viel würde eine individuelle Entwicklung bzw. Erweiterung des vorhandenen Image Flow kosten? Ich habe tatsächlich (in Zukunft) auf meiner Homepage die gesamte Breite 1024px Platz, um diese in einem oberen Balken anzugeben. Ähnlich wie bei http://www.apple.com/de/itunes/ aber mit flow effekt Das heißt, es wäre interessant, wenn es einen Parameter gebe, in dem ich angeben könnte: 4, 5, 6 oder mehr Bilder im "Fokus" zu haben. Vielen Dank im Vorhinein für die Antwort. Danke rob
Thanks Finn! Works great! Any chance you will be adding the ability to link in a shadowbox capability that works with web pages when you click on the focused image such as http://orangoo.com/labs/GreyBox/?
@ Jon: If you strip the % of the fade_start option it works (http://www.firelyte.com/reflect2.php?img=img/img1.png&fade_start=20 is okay, but http://www.firelyte.com/reflect2.php?img=img/img1.png&fade_start=20% fails)
Hey Finn, I was trying out your imageflow script for my portfolio (It's beautiful) and wanted to see if I could get it to work before purchasing a license. I uploaded your default files and it works fine at http://www.firelyte.com/ImageFlow/ but when I try to apply the changes for a white background at http://www.firelyte.com/portfolio.html, the reflect2.php doesn't appear to work at all. I moved all the files into the same directory and it still doesn't work. If I turn off the reflections it works, but I can't figure out how to point the imageflow.js to look for the reflect2.php file. In other comments you said line #158 could be adapted, but my line 158 looks to have nothing to do with that. Thanks for any help. - Jon
ah ne das isses nicht. Irgendwie ist das Bild auch nicht richtig mittig. Sorry für den Spam hier.
ich glaub die Antwort steht 2 Beiträge unter mir, sorry. Ich test das gleich mal.
Hallo Zusammen, erstmal vielen Dank für das Script, sehr schön und günstig. Ich habe ein kleines Problem mit Imageflow: Merkwürdigerweise werden manche Bilder leicht in die Breite verzerrt. Bsp: (an der Wasserflasche gut zu sehen) http://bark0t.bplaced.net/flo/produkte/index.html Irgendwo ist da der Wurm drinn, die ImageSize Tags sind passend ausgefüllt und passen alle. Wäre echt nett wenn einem CSS Neuling hier schnell geholfen werden kann.
@ Steve: Check line 373 following in http://imageflow.finnrudolph.de/imageflow.js and alter the value for the landscape format from 118 to 100... should do the trick...
Hi Finn, I would like to know how to maintain the proportions of images? For instance, on your examples page you use an image that is 400px wide X 300px high (portrait) and an image that is 300px wide X 400px high (landscape) but when they are focused, the portrait image is scaled down to 156 X 208 and the landscape image is scaled down to 156 X 117. Is it possible to display the landscape image as 208 X 156? Thanks
Hallo Finn, ich mache mit einen onclick links oben auf der Seite ein div sichtbar und möchte, dass ImageFlow dann wieder auf das erste Bild geht, ich also links vom ersten Bild Raum habe. (Sowas wie onclick="Imageflow.glideTo... " )
I figured put how to put it in the header of my blog: http://holeinthedonut.com
@ Dragan: Hi, that will not be possible, for ImageFlow is an 2D applikation and the tilting of the images happens in a 3D space... One could do the trick somehow on the 2D level, but the performance would be really bad. i.e. the tilting animation needs at least 15 differently "tilted" thumbnails per image to look smooth. Generating that in realtime is no option and precache them via php would cost too much data to load.
@ Cobus: Can you please post a link on your implementation?
@ Dieter Kahl: Statisch gibt es lediglich die Möglichkeit via startID ein Anfangsbild zu wählen. Alles andere muss dynamisch via JavaScript angesprochen werden und durch eine Event ausgelöst werden. Also z.B. onclick etc. Was soll denn genau wie und wo passieren?
.... I think they call it TILT, instead of "angle" as I first referred to it.
Finn, are you thinking about implementing "angle" on out of focus images? Thanks.
Hi, I'm trying out your imageflow, and it works wonderfully! However I cannot get the onClick function to work. This is my javascript: var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow', opacity: true, opacityArray: [10,6,4,2,2], slider: false, reflections: false, startAnimation: true, captions: false, preloadImages: true, startID: 2, reflectionP: 0.4, imageFocusM: 1.3, imageFocusMax: 3, onClick: function(){ alert("hello"); } }); Thanks!
iPod Touch + TouchOSD + VVVV = FFFFUN ;D http://www.flickr.com/photos/finnrudolph/3286806039/sizes/o/in/set-72157613980243567/
Hallo Finn, sehr tolles Script, gerade gekauft... Gibt es die Möglichkeit, dem Script von der umgebenden PHP-Seite zu sagen, dass es wieder auf Bild 1 springen soll?
@ kamla: You altered the imageflow.css please use the original version: http://imageflow.finnrudolph.de/imageflow.css If you want to show the images as they get loaded disable the option preloadImages (http://finnrudolph.de/ImageFlow/Documentation#Options)
hi.. great script. i have quick question.. when the script is pre loading the imgs it displays them in two places... one on the top left corner and one over the slider.. is there a setting to pre load the imgs without diaplying them in two places see here http://singhera.com/baby/gal4/
I would like to get your permission to use you rfantastic application on a commercial web site please. It is not a very popular site (we are lucky to get 100 visitors per day). We are a small new digital agency and are putting ideas together about rotating images on our new site. The current site is at www.sevensquared.co.uk Thank you very much for your time, great app by the way! James (james.henderson@sevensquared.co.uk)
Thanks a lot!
@ Guzber: http://finnrudolph.de/ImageFlow/FAQ#Implementation_13 and http://finnrudolph.de/ImageFlow/Examples#imageFocusM
Hi, Finn. How do I change the aspect ratio of the imageflow div? It is now 16:9? And my focused image seems too small, leaving extra empty space above it. Is it possible to change the magnification ratio too? I tried changing multiplicator and height values in the script itself. but it seems to react only to the overall width, set by css proportionally.
Hi Finn: Is there any way to integrate your code into a blog header? I have tried, without success. If so, I would be willing to hire you to do the work. I want the images to show up under the blog title and subtitle, and I will change the header image to be solid black if this can be done. You can see my site at http://holeinthedonut.com and contact me there. Thanks.
@ Oli: Hmmm... Autoscroll kann ich mal implementieren... Mal sehen, wann ich Zeit dafür finde. Wegen einer Alternative zu PayPal schreibe mir doch bitte einfach eine E-Mail.
Ist eine Lizenzierung auch ohne Paypal möglich? Möchte gerne überweisen.
Gibt es die Möglichkeit, einen "Autoscroll" zu verwenden? Ist sowas in Planung?
Hi I am trying to intergrate imageflow into my design. http://www.bsfc.ac.uk/knockabout/index.html id like it to be the same height & width (200 x 617) as the advert here (http://www.bsfc.ac.uk/knockabout/apply.html ) cheers John Paul please could you reply to johns@bsfc.ac.uk
Hello again, i still have issues with ie and want to push my concern (http://finnrudolph.de/Shoutbox/1233849112). ie stops after showing loading bar. i load images via xmlhttprequest with prototypejs. ff don't have any issues. URL to my test-site: http://projects.christian-renner.eu/image-flow/ anybody knows this problem?
@Finn: Vielen Dank. Das hat geklappt.
@ UWE: Aaah okay... du hast im Quelltext für diese Bilder die Namen im alt Tag angegeben. Entweder du entfernst diesen Eintrag, oder du versteckst generell alle Bildunterschriften, indem du für die id 'caption' im CSS die Eigenschaft visibility: hidden; setzt.
Very useful files search engine. http://Indexoffiles.com is a search engine designed to search files in various file sharing and uploading sites.
@Finn. Wenn Du auf Editorial gehst und das zweite Bild, die Dame vor dem roten Haus, anklickst, siehst Du die schwarze Bildunterschrift.
@ Sean Riley: If the search engine is available only under one domain you can simply purchase a commercial license under http://finnrudolph.de/ImageFlow/Download If that is not the case and you want to redistribute ImageFlow you should contact me via E-Mail.
@ ikki-jamie: Something overwrites the settings for the IMGs inside the imageflow div. Make sure, that the settings for .imageflow img (see http://imageflow.finnrudolph.de/imageflow.css) are not globally overwritten... try to include the imageflow.css as the last css in the header...
@ Uwe Nölke: Ich sehe keine Bildunterschriften... selbst hinbekommen?
Hi Finn, our company Entelligence (www.entelligence.co.za) is keen on using your technology for graphical presentation of search results in a search engine we are develping - I am seeking your permission ot use ImageFlow for this...
Dear Sir, I've tried to install image flow module within my joomla site, but it appears to flows vertivally, as its suppose flows horizontally. Hope fore your kind explanation or solution from You bout this issue. Plese check out my website at "http://bumilangit[dot]com/site", under menu "Popular", article title "test". Please PM me at sulato83[at]yahoo.com. Thank you very much... best regards. Ikki-Jamie
Dear Sir, I've tried to install image flow module within my joomla site, but it appears to flows vertivally, as its suppose flows horizontally. Hope fore your kind explanation or solution from You bout this issue. Plese check out my website at "http://bumilangit[dot]com/site", under menu "Popular", article title "test". Thank you very much... best regards. Ikki-Jamie
Hallo Finn, ich benutze image flow 0,8 (www.menschenfotografie.de). Im HTML Code kann man zu den Bildern alternativen Text eintragen. Kann ich im Image flow irgendwo diese Anzeige abschalten, so daß man meinen Alternativtext nicht mehr sieht? Viele Grüße Uwe
@ all: Sorry, if you are waiting for any answers from me. I am currently 'under fire' with my diploma and have no time for support until the next week... If you are interested in what I do take a look at: http://www.flickr.com/photos/finnrudolph/sets/72157613087646375/ Full documentation and download of the written diploma will come soon...
Posted a note on my blog here: http://acuras.blogspot.com/ Thanks again!
Very cool. Keep up the good work. Jon - Acuras
Finn, I figured out both of my questions... Thanks for the great code. I will forward link when finished.
another question... how can i keep the last image that was clicked as the focused image? it resets back to the start image of the flow, where i want what the user clicked to be the starting image after the new page loads. help?
Hello. I am having the loading bar problem in IE as well. Worked in FF great. Any ideas? Also, would it be possible to have other div content on my page change depending upon which image in the flow is focused? I tried changing the OnFocus, but couldnt get it to work. Please help! thank you
Hey all, i use imageflow and with firefox everything works fine. IE stops processing after displaying loading bar. Anybody knows this problem?
I am not sure what I am doing wrong but when i add in the Highslide capability and click on the image all i get is a "loading" bar. Any suggestions? Thanks.
Further to my last message, I managed to fix the problems, I don't know how, but it all works fine now!
I am having a few problems getting this to work for me... First, in IE, it gets stuck on the image preloader, at like image 10 of 14 - the images are only about 25kb each? Second, in Firefox and Safari, Imageflow loads but the images are not displayed, just the 'alt' text for each image, same images, around 25kb each... I have the code setup as per the instructions, do the image paths need to include 'http://.......' or is a short description such as 'images/image1.jpg' ok? Also, when each image is clicked I want it to open an html page which I have in the 'longdesc' field as per the instructions... Help!!! Thank you!!!
Finn, is there an example css or implementation of a modified container size that I can look at so I know where to make the changes? thanks!
Hi Finn, Great Code. I'm trying to find out how to reduce the container size. I'm looking through the posts now, but wanted to also ask about what the cost is to license this for one site? Thanks in advance! Raggs
OK. Solved this one by adding a higher z-index into the .highslide-wrapper
Great script. I have got it working with highslide but when I 'onclick' the slider shows through the picture. On your examples it does not. Is this an imageflow problem or a highslide one? Example here http://www.palmerstonforts.org.uk/tour.htm Any clues as to where to look would be helpful.
Aptera 2e at TED http://www.autobloggreen.com/2009/02/03/breaking-full-aptera-specs-released-at-ted/ . o O ( I want one! )
Finn: Thanks for the clarification! Your website/script already had a link-back in our copyright information page. :)
What is the request in "longdesc" to play the youtube link in the highslide window from imageflow, is there a special player script (.php) I have to include on my server? I've googled for inc_players but am not a php expert. Thanks if you can help.
I got the imageflow working, nice! But when i see te image size and the loading time with the reflection on, reflect3 (reflectionPNG: true). I see that the image size is 8 times the size of the jpg file. How can i bring this back to 1 time the size for faster loading of the imageflow.
I've tried to put youtube movies in the highslide pop up s from imageflow, but with no luck. Should this work?
I am trying to test IamgeFlow 1.0.3 but facing a problem. I am trying ImageFlow to glide to image number 3 when the page loads. As in the imageflow.js I found some default values where I found StartID, I have changed it to 3 or 4 but it didn't worked. Please help that how can I set the StartID so that on page load 3rd images can be focused.
I thought that I would add that this will work in firefox without reflections, but will not go past the loading screen in IE with or without reflections. It seems that the imageflow.js is running fine, but the reflections.php is causing the problem. Here is the Directory structure that I am trying to use: /assets/imageflow.js /assets/reflections2.php /assets/reflections3.php /assets/*.css /images/*.png (or *.jpg) /gallery/test.asp Thanks again for the help.
Hi there, I have a dumb question. i am trying to use imageflow in to my site. the problem that i am having is, when i put all the image flow files in to a subdirectory of the server root it doesn't work. to me it looks like the imageflow.js is not running. Do you have any suggestions for me? thanks
Don't want to waste space, but I managed to figure this one on my own. Added function to the default case of the "Change zIndex and onclick function of the focussed image" section. In case someone else was wondering how to do the same
Hey! Thanks for the great script. I was wondering if anyone had a solution to call a javascript function when an image is clicked anywhere in the imageflow. Currently, it only works once you have brought the image into focus and then click again. Thanks for any help
@ Archana: You can dynamically generate the XHTML of you site based on the daily changes and ImageFlow will show you the content.
@ Brendon Kozlowski: Nope, you can use ImageFlow for free. (And a link to the implementation is always welcome ;D)
@Archana Check out http://www.imageflow.nl/
I already got it with the highslide-full.js
Hi Finn, I'm trying to tweak highslide but I can't get it work when I but for example a dimmingOpacity: 0.75, in the imageflow.js. Is there some interference in imageflow holding this back? Thanks for your answer.
Finn: For ImageFlow's licensing, do you consider educational/government organizations to be commercial as well? (Specifically, my site is a Public Library funded by city tax dollars, but we are not considered non-profit, even though we don't actually sell items on site.)
Dear Mr.Finn Im trying to develop something like image flow for my site but the problem is my site has daily changing videos. Im wondering if image flow would work on it? is there something that i can do??
Building the thing: http://www.flickr.com/photos/finnrudolph/sets/72157613087646375/
@ vin: du kannst mir gerne eine E-Mail schreiben, dann stelle ich dir eine Rechnung aus (pdf). Die Funktion window.unonload verursacht bei mir im IE7 irgendwie keinen Fehler... hmmmm. Die ist für den Safari, da gab es Probleme mit dem Backbutton "Fixed the back button bug (using the back button with Safari 3 or Opera sometimes crashed ImageFlow)"
@ Lukas: Check mal die Firefox Fehlerkonsole. Die schmeißt onclick "hs is not defined in imageflow.js" Da scheint HighSlide nicht richtig geladen zu werden...
Hi Finn, die Funktion "window.onunload" wirft einen Skriptfehöer im IE5 & IE7 aus ("Mitglied nicht gefunden"). Was für ein "Back Button Issue" soll die Funktion lösen? Ohne die Funktion habe ich keine Probleme...?
Found it! In the CSS .imageflow , was trying in .imageflow .caption
Hi Finn, ich habe ImageFlow mit etwas Mühe in mein Web Projekt integriert. An der Stelle nochmal ein großes Kompliment! Sehr gelungen! Ich habe es immer noch nicht geschafft die Glide Funktion von aussen anzustossen. Ich möchte das ImageFlow nach 5000ms zum nächsten Bild gleitet. Und am Ende der Bilderstange ganz zurückspult. Aber ich kapiere nicht wie ich das Objekt entsprechend adressieren kann. Gibt es eine andere Möglichkeit als mit Paypal ImageFlow zu lizensieren? Banküberweisung möglich?
Hey there, How do I change the font ( color, style ) for the image loading text and captions
Hi Finn! Sorry, my fault. My problem is, I don't really know where to put the "var Highslide_1 = new ImageFlow(); Highslide_1.init({ ImageFlowID: 'Highslide_1', onClick: function() { return hs.expand(this, { src: this.getAttribute('longdesc') } ); } }); " And the ".highslide-container { z-index:10003 !important; } .highslide-credits { display:none !important; } " I saw the "css" and the "js" at the top right hand corner, so i changed it in the imageflow.js and the .css But nothing changed in the ImageFlow galery. (I just noticed that there isn't a link to the picture when i make a doubleclick on it, as it was before) You can have a look here: www.vflasslar.de/Flugzeugpark.html
@ Lukas: How could anybody possibly help you without a link on your implementation? ;D
Hi together! I've a problem with including Highslide JS into Imageflow. I've done it as it was explained in the "combined" section. But somehow it doesn't work! I just need to modify the imageflow.js and the .css file right? Would be nice to get some help! I'm new in Homepagedesign... Thx (and sorry for the bad english) Lukas
@ jay: Try this: http://finnrudolph.de/Blog/Tagged/ASP.NET
Hello, is it possible to run this on IIS? ive enabled PHP files to be able to run but no joy??
Hi, sorry for wasting space on the shoutbox :P the solution was simple.. in IE if you have that doesn't correspond to one of the images it will block the script..
Hi Finn, bei Version 0.9 konnte ich über die funktion handle() das nächste bild mit hilfe einer eigenen js-funktion anschubsen von aussen. da ich nicht der obj-pro bin, kannst du mir vielleicht helfen wie ich das mit version 1.0.x hinkriege? ich brauche funktionen wie "vorwärts", "zurück" und "zum anfang" (vorher handle(-1), handle(1) und handle(imgcount)).
http://api.browsershots.org/png/512/85/855b261057ef6bf9fb7758cc4701e787.png ... same problem with my site http://filebeam.com/5ee4bbfcadb0779d76b2e7f87eb6325d.jpg (checked in ie8 with netrender)
@ Eddi: It works with alle IEs since the 5.5 (thats what I tested... even with the Betaversion 8 it works)... Can you make a screenshot of your problem?
sorry to double post, is there anyway to make imageflow work on ie?
@pelli, i had the same problem.. managed to fix it with z-index
Hi Finn, i already tried using a negative margin. Unfortunately there are hyperlinks right underneath the imageflow box and those can not be clicked if i use margin-buttom: -50. Is there a workarround? Best regards Peili
Hi , ImageFlow is a great Script, but how can you customize the dimensions? Right now there is a huge Margin-top/buttom when i insert via: How I can i change that? Greets Peili
*hooray* http://www.engadget.com/2009/01/23/aptera-rolls-out-first-pre-production-vehicle-promises-shipment/
Hi Finn, thanks a lot for the adjustable height!
Hi,...great script...it seems thou that the script does not work if the table design already another control... so..I would have: some text Your help is appreciated
Hi Finn, Ich habe noch ein Problem mit dem ImageFlow. Gibt es eine Moeglichkeit die caption ganz auszustellen(mit Platzhalterframe)? JS fuegt immer dieses Frame ein und aendert so mein restliches Layout. Ferner skaliert mir die Applikation immer anhand von der angegebenen Breite das Frame. Ist es moeglich ImageFlow absolute "width" und "height" zu geben? Ich stelle mir das als div-containervorgabe vor. ImageFlow passt dann die restliche Skalierung diesem Container an. Vielen Dank Finn. Simon
Perfekt! Vielen Dank!
@ Hans-Peter: Schau dir doch mal die Option (http://finnrudolph.de/ImageFlow/Documentation#Options) "imageCursor" an ;D
Hallo Finn, erstmal vielen Dank für dieses großartige Programm. Ich habe noch eine Frage hierzu. Ich möchte ImageFlow dazu benutzen um weiterführende Infos zu präsentieren, sprich eine simple Weiterleitung auf eine neue HTML Seite. Das funktioniert alles einwandfrei. Nur habe ich festgestellt, das meine Probanden nicht sofort verstehen das die Bilder anklickbar sind da keine Webtypische "Hand" über dem Bild erscheint. Kann man da was machen? Muchos gracias!
Thanks Finn . I'll fiddle with it.
@ Macangelo: Since you are not the first one asking that question I made a new FAQ entry: http://finnrudolph.de/ImageFlow/FAQ#Implementation_13
Finn: Thank you. It works. - second question: I have a lot of free space on top of the images and beneath the slider (respectively beneath the reflections. Where can I adjust the height of these spaces - I didn't find it in the css files. thanks a lot!
Hi, I'm from Brazil, sorry by my english. First off al, thanks for posting this amazing gallery. I do the steps of installation and I got it work in Firefox. But the instructions for the gallery work in IE doesn't work. Even your gallery example don't work in IE. What I do? Visit mu blog: www.imagetica.net/blog And my gallery test: http://www.imagetica.net/parceiros.php
@ Jason: This is the right place. Thank you I'll have a look into it for the next version.
@ Will: Have a look at http://paste2.org/p/133888 line 26 down should do the thing. But this is not tested, could be, that you have to check that function that will be called on key press 13.
@ Lars: hmm... guck mal in die http://imageflow.finnrudolph.de/imageflow.css und da interessieren dich ".imageflow .loading" und ".imageflow .loading_bar". Die .loading_bar kannst du einfach verstecken, indem du height auf 0px setzt. Dein animiertes gif kannst du dann via background-image als Hintergrund des .loading div containers setzen. Dieser wird automatisch invisible gesetzt, wenn die Ladeprozedur abgeschlossen ist. Viel Erfolg!
@ Macangelo: Sure, have a look at: http://finnrudolph.de/ImageFlow/Examples#Target
Hi Finn, I want to use ImageFlow in an iFrame - and want the urls in the img tags ( with targeting out of the iFrame (target ="_parent") - ist that possible? Thanks a lot!
Hallo Finn! Hatte bislang ein wenig mit der v.0.9 rumgesbastelt; würde u.a. aufgrund der IE Bugfixes aber gerne die aktuelle v.1.0.3 verwenden. Einziges Problem: ich würde gerne wieder - wie in der 0.9 möglich - nen aminiertes GIF als Preloader nutzen! Ich weiß... Rückschritt.. und du hast dir bestimmt Mühe gegeben... aber gibt's ne einfache Möglichkeit um das umzusetzen?? Lieben Dank schonmal, Lars
Where can I submit a change I've made to stop images from scaling up but not effect images that are getting scaled down? /* Process new image height and image width */ var newImageH = (image.h / image.w * image.pc) / z * thisObject.size; var newImageW = 0; if(newImageH > image.h){ var leftOffsetDiff = ((image.w * newImageH / image.h)-image.width)/2; var newImageH = image.height; var newImageW = image.width; }else{ var leftOffsetDiff = 0; } switch (newImageH > thisObject.maxHeight) { case false: if(newImageH < image.h) newImageW = image.pc / z * thisObject.size; break; default: newImageH = thisObject.maxHeight; newImageW = image.w * newImageH / image.h; break; } var newImageTop = (thisObject.iWidth * 0.34 - newImageH) + ((newImageH / (thisObject.reflectionP + 1)) * thisObject.reflectionP); /* Set new image properties */ image.style.left = (xs - (image.pc / 2) / z * thisObject.size)+leftOffsetDiff + 'px'; if(newImageW && newImageH) { image.style.height = newImageH + 'px'; image.style.width = newImageW + 'px'; image.style.top = newImageTop + 'px'; }
I have a question regarding how difficult it would be to have the enter key do a click action. as in if I select the images with my arrow keys I would like to press the enter key to act as the click. any thoughts?
AntiVJ - Live Painting: Shackleton http://vimeo.com/2690618
Disregard image about asp.net
19:15 - ImageFlow Reflections in ASP.NET
Finn, I have tried to use your .net solution located at http://finnrudolph.de/Blog/ImageFlow_Reflections_in_ASP.NET_available I simply dropped your files into the default settings of imagflow 1.0.3. I get the following error. Server Error in '/ImageFlow_1.0.3' Application. -------------------------------------------------------------------------------- Object reference not set to an instance of an object. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.NullReferenceException: Object reference not set to an instance of an object. Source Error: Line 23: private void IODrawImage() Line 24: { Line 25: string stringwid = Request.QueryString["width"].ToString(); Line 26: string imgr = Request.QueryString["img"].ToString(); Can you help with this?
@ QRcom: Please read my answer to "Dav" below and check this error message: http://sandbox.queensryche.com/imageflow/reflect3.php?img=/imageflow/img/ep_150x150.png
I, too, have the same problem when reflections are turned on... the images do not display, but the links work. Here's an example: http://sandbox.queensryche.com/test.html The php files are in /imageflow The images are in /imageflow/img Is there any trick to get this going, because I really like this feature. Thanks in advance for any help you can provide!
Ok, it works! Thank you very much for this cool javascript! (It was the reflection...)
I am sorry, the site is not published yet. Maybe the syntax is wrong, cause the links to the files work, only that they do not appear in the slide. Can you tell me the correct syntax please? (except the javascript files than i have included already)
@ Dav: A link to your implementation would be very useful! Open the image (which does not show up) directly(!) in a browser tab and the reflectionX.php will probably throw an error message. Also have a look at: http://finnrudolph.de/ImageFlow/FAQ#Implementation_5
That worked. OK, and the HTML : -div id="myImageFlow" class="imageflow"- -img src="windows/adobe_logo.png" longdesc="windows/adobe_logo.png" width="400" height="400" alt="images/ubuntu_logo.png" /- -img src="windows/adobe_logo.png" longdesc="images/ubuntu_logo.png" width="400" height="400" alt="Adobe logo" /- -img src="images/ubuntu_logo.png" longdesc="images/ubuntu_logo.png" width="400" height="400" alt="images/ubuntu_logo.png" /- -/div-
I don't know why, but i can't post it right. I will put - instead of . -link rel="stylesheet" href="imageflow.css" type="text/css" /- -script type="text/javascript" src="imageflow.packed.js"--/script-
The HTML:
I don't know why, but the images won't show. They do link to the images, but i can't see them. What is wrong? This is the HTML: i also linked the needed files: I can see the frames moving while sliding, but there is no image! Thanks you for help!
ImageFlow goes TYPOlight: http://www.typolight.org/erweiterungsliste/view/imageflow.10000029.de.html
p.s. the target images referenced in the longdesc tag are on the server. Thanks again!
Hi Finn, I'm giving your script combined with Highslides a try on a university site. ImageFlow works fine: http://www.norwich.edu/media/popupTemplate.html And I'm bringing in highslides.js, because the loading image appears when an image in ImageFlow is clicked. But then it hangs and the target image doesn't open. Any ideas? By the way, excellent interface/functionality. Can't wait to get it to work. Thanks
how to get reflection under images flow loop
@ Marc: lies dir bitte erst die Dokumentation durch: http://finnrudolph.de/ImageFlow/Documentation und dann schau dir das Beispiel an http://finnrudolph.de/ImageFlow/Examples#startID
Hallo Finn Ich schaffe es nicht den Start meiner Gallerie in die Mitte zu verlegen. Trotz Deines Startup example. Wo muss ich -"var example_6 = new ImageFlow(); example_6.init({ ImageFlowID: 'example_6', startID: 3 });" in imageflow.js reinschreiben und was muss ich verändern, damit es auch mit meiner Seite funktioniert. Vielen Dank schon mal im Voraus
4-Dimensional Rotations: http://spacesymmetrystructure.wordpress.com/2008/12/11/4-dimensional-rotations/
Mario Kart Love Song http://www.youtube.com/watch?v=V313diqHjR0&fmt=22
veryy nice
@ mozilo-Projektteam: Nice! Dankeschön ;D
@ Chris: Sorry, there is no implementation of ImageFlow that uses the latest version. Ken Lowther did a plugin for Joomla based on the old ImageFlow version 0.9 I don't suggest you use that old code, but perhaps you can have a look at how Ken did it and write a new Plugin? http://www.joomlaos.de/Joomla_CMS_Downloads/Joomla_Module/ImageFlow.html
Finn, Is there a download link for an implementation of YouFlow suitable for Joomla? I am deeply impressed by your work and wish to use it on a non-commercial site.
Hallo Finn, wir empfehlen den Nutzern unseres freien Content-Management-Systems moziloCMS (http://cms.mozilo.de) den Einsatz von ImageFlow in Verbindung mit HighSlide. Bisher fiel das Feedback durchweg positiv aus, und auch wir persönlich mögen es sehr :) Vielen Dank für dieses großartige Stück JS und weiterhin viel Erfolg! Arvid, einer der mozilo-Entwickler
Hi Finn, First of all, excellent work on the Imageflow object! I love it! I have encountered a problem, I hope you are able to help me: My Imageflow works great in Firefox and Safari, but in IE the images show up out of aspect, all images seem to have the same maximum width. Do you have any idea why this is and how to fix it? Thanks so much in advance, Frank
Hi Finn. I sent an email to finn.rudolph@googlemail.com from MainStreetllc@gmail.com requesting use of your product. Please advise once you've had the opportunity to review. Thank you.
@ buechse: Check the css file and make sure, that nothing globally overwrites the settings for images within the imageflow div (img tag!).
hello, fist great work, but i have one problem. on my private local webserver the gallery works great, but on the productive webserver the images are simple one under the next. any ideas? sorry for poor english
btw, i fixed my problem with the options imageFocusM: 1.52, startAnimation: true causing the first image to be very large by adding the following code: instanceOne.glideTo(1);
@ Multimediany: No, because as you can see in http://youflow.finnrudolph.de/ you can still navigate ImageFlow via click or mousewheel or scrollbar without loosing the highslided stuff. The problem (read: Highslide feature) you are facing is, that Highslide uses the arrow keys to navigate through many images. (try opening an image at http://highslide.com/#examples and use the arrow keys and you'll see what I mean). So what you need to do is disabling the Highslide Key support. And I don't support Highslide ;D
I think you can handle it also. What I need to do is when the key event RIGHT fires the imageFlow slides. It just has to check if the highSlide was open, if true then fire the image.click event. No?
@ Multimediany: General tipp for debugging JS in the IE http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en And concerning Highslide: That is a problem with Highslide. You need to contact the Highslide Forum to get to know how to disable the key events for Highslide. Check also: http://highslide.com/ref/
Finn, I found the resolution, maybe you have to put it in your JS. Check out the link : http://groups.google.com/group/rubyonrails-spinoffs/browse_thread/thread/c0a4ae87cba265f7/d78509661cd1d400. Only the problem with highslide isn't solved. Please try to find a solution. Thx!
Finn, thank's for the good comment. :p Is there a workaround for Internet Explorer, I really can't find it. In Firefox it also works I see. :p Any idea about the other problem with the highslide?
@ Multimediany: Wow, nice Implementation. Clicking a link that glides ImageFlow to a specific image seems to work now (with opera, not with the IE ;D). Wouldn't it be cooler to allow multiple image highslides, that a user can compare images by just dragging them next to another? Like there http://finnrudolph.de/ImageFlow/Combinations#Rounded_corners_fading_and_captions
Also I thing I would like to do is when I click on a picture it get's big with the highslide javascript. When I push right or left on my keyboard it goes right or left but the highslide goes away. It would be nice to stay in the highslide ... Do you understand.
Gutentag Finn, Ich bin von Belgien, I speak Dutch, English und ein bitchen Deutsch. Please go to : http://www.quadrigacar.eu/new2.0/autofiche2.php?autoid=6008. You'll see the equipment there with lines underneath. If I click on that link I want the photo's to scroll. I found something on the internet that uses getElementsByClass but I can't get it to work. Thx!
@ Multimediany: Hmmm.. wir können uns auch auf Deutsch unterhalten ;D Hast du einen Link auf deine jetzige Implementierung?
Hypelink doesn't work in the shoutbox I see ...
Ok. But, in my php I loop true a dataset and at that moment I know the fotoID I want to go to. So I need to call the glideTo with a parameter in the PHP and not in the JS file. How do I do that? In previous version I had somehting like this: Armlehne hinten Beifahrersitz höhenverstelbarFahrersitz höhenverstellbarGeteilte Rückbank
@ Multimediany: This should show you how it works with the latest version of ImageFlow: http://javascript.pastebin.com/f59ee0316
Maybe, my question is not clear. In previous version it was possible to call the glideTo function as in being a public function. Now everything is object oriented so I don't seem to find to getting it to work. I'm using it for a project wit cars. I have like 30 picturen of a car exterior/interior and underneath there is an description with all the equipment. Certain equipment can is linked to a picture. So I put an onlick event on the hyperlink of such an equipment. When in previous version I called the glideTo function in that onclick event, the imageflow scrolled to that picture. That's what I need to achive with the new version also. THX!
Thank you for getting back to me. I will have a link soon for you to see. Currently, I am using my personal pc for testing the layout. Last night, I copied your html into my existing web page html and all works well now. I'm really not sure what was causing the problem, but it has somehow been remedied. I am currently trying to figure out how to specify the height for the ImageFlow div container. Thank you.
Is it possible in the new version to glideTo when clicking on a link on the html page. In previous version it was possible to call the glideTo. In the new version it doesn't work. Thx
Macworld 2009 live blogging: http://www.engadget.com/2009/01/06/live-from-the-macworld-2009-keynote/#continued
@ Jerry Louise: I highly recommend Highslide. Also take a look at http://finnrudolph.de/ImageFlow/Combinations#Highslide
@ Bryah: YouFlow ist ein standalone Mashup, aber wenn du ImageFlow meinst, dann schau dir doch einfach mal die Installationsanweisung an: http://finnrudolph.de/ImageFlow/Installation
@ Mike: Do you have a link on your implementation?
@ Mu: Sorry, that is currently not supported.
What would be nice to see is a better way to handle the large images, perhaps something like light box. and perhaps with a html interface. Write now i have easily made it gather images from a database record but for further integration i think the large image mode should be much nicer.
Hallo - wird es YouFlow auch als Wordpress Plugin geben? Bzw. wie bindet man das in seine Seite ein, wenn man Wordpress nutzt?
MusicBox: Mapping and visualizing music collections: http://thesis.flyingpudding.com/
I should have been more clear on my loading .jpg problem... When changing the default .png files (in the index.html) to .jpg files, the html starts to load, but gets stuck on loading the images. Any thoughts? Thank you.
hey Finn, start animation makes the first image really big. Here is my init code. var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'propertyImageFlow', reflections: false, reflectionP: 0.0, captions: false, imageFocusM: 1.52, startAnimation: true });
I use AJAX in my site.. How can i additional insert after loaded? Is it possibility?
I am having trouble loading .jpg files. Do you have any suggestions? Thank you
ja genau aber immer noch das gleiche problem wird nicht richtig angezeigt! Schaus dir mal an unter http://www.die-trums.de/pictures/
@ jojo: AAH, du willst ImageFlow onload verstecken? Dann schreib das doch einfach in das JavaScript. Also die imageflow.js (oder imageflow.packed.js) so anpassen: http://pastebin.com/f6367221c
ja soweit funktioniert das ja aber ich hätte es gerne standartmäßig versteckt habe s mit style="display:none;" probiert aber dann sieht das wieder so komisch aus ^^ also keine imageflow ist da
@ Simon and Edie: Please! read the FAQ: http://finnrudolph.de/ImageFlow/FAQ
Hi, kann man den imageflow in ein div reinpacken und es dann ausklappen? Bei wird wird der imageflow dann nicht mehr richtig angezeigt! Danke für jede Hilfe Gruß jojo
Is there a way to make the pictures bigger in ImageFlow? Thanks!
Hallo nochmal, Ich habe noch ein Problem mit der Groesse der angezeigten Images. Koenntest du mir bitte sagen, wo genau die Groesse der Bilder skalierst? Vielen Dank.
Hi Finn, Habe es jetzt mit meinen leider nicht vorhandenen jscript Kenntnissen und deiner Hilfe hinbekommen. Der "Trick" war die Zeilen in der .packed.js zu aendern und nicht in der .js vom imageflow. Vielen Dank nochmal fuer die nette und schnelle Hilfe.
@ Simon: Ach mist, schon wieder in der falschen Sprache gedacht/geschrieben ;D
@ Simon: The reflections are still enabled. The images linkt to http://87.106.58.154/ImageFlow/reflect2.php?img=img/img1.png which throws a GD library error. Try the following example to disable reflections: http://finnrudolph.de/ImageFlow/Examples#No_reflections
Den Pfad zu den Bilddateien habe ich bereits ueberprueft. Es ist der Standardpfad, der mit deiner Application kommt. Ein Beispiel des Dilemmas: http://87.106.58.154/ImageFlow/index.html Vielen Dank.
@ Pete: Hmm... okay, that is another small bug ;D Try the startanimation... should be a walkaround the problem: http://finnrudolph.de/ImageFlow/Examples#startAnimation
imageFocusM does not seem to take affect on the initial focused image. Only after scrolling off and back to the first image does it take affect. Any ideas?
@ Simon: Poste mal einen Link auf deine Implementierung, ansonsten mal rechte Maustaste auf das Bild und prüfen ob die Bild-Adresse überhaupt stimmt.
Hallo Finn, Ich habe Probleme, mir Bilder in ImageFlow anzeigen zu lassen. Die reflections sind bereits auf false. Bisher haben weder die Standardbilder funktioniert, noch meine eigenen. Es werden nur die Platzhalternamen angezeigt, wenn ich auf diese klicke erst das hinterlegte Image. Ausprobiert habe ich es in Firefox und IE. Hast du eine Idee, woran es liegen koennte?
Hi i just randomly found this webpage.... Lookes...Fun.
YEYAYE
Ok i got it with a trick... If you think the image-container is just to heigh change the line "thisObject.ImageFlowDiv.style.height = thisObject.maxHeight + 'px';" to a lower value such as thisObject.ImageFlowDiv.style.height = '350px'; and you're fine. Regards
Machines that Almost Fall Over: http://www.vimeo.com/1609126
Frohes neues! @Adrian, Guckst du FAQ Punkt 5! Bin immer noch am Rätseln wie ich die Größe des ImageFlow Containers einstelle. Weiß jemand rat?
See all I needed to do was to stay home and not go out this new years !! I was able to hack something together .. it is not pretty .. but it does the work. I still would be interested to hear your sugestions
I love image flow ... it is smooth and precise. I have been attempting to ad a bit of personal style and have discovered some stumbling blocks. The main one is that I added some nice background images to the scrollbar container div and to the slider but I cannot seem to adjust the scrollbar container size. no matter how I try to force it to become wider in reference to my main div it just sticks the same darn size. I can see it as the page loads flying down from the left at the size I try to set it but as soon as it "lands" it is cropped on the right side. I can move it around, increase the div width etc, but the scrollbar itself never gets wider in relation to the slider handle. I cannot seem to get the slider handle div to not adjust its width with out putting the handle on the "outside" of the scrollbar container . Its endpoint is all ways at the end of the scrollbar container div I really would like to push it to the left somehow. Is this easy? Do I make sense.? I essentially have attempted to make div background img files that mimic the actual Apple implementation. It works and looks great .. I just need to wiggle some things a bit . any thoughts? Oh .. Happy 2009 Everybody !!