Hi, i've updated the script to render object for the javaScriptObject a bit more: http://www.klaasnienhuis.nl/WordPress/2010/09/pseudo-3d-javascriptobject/ I've also got a request for the JavaScriptObject: I'd like to lock the Y but not the X. This is very usable when you have a hemispherical display of an object. that would be great. Otherwise a great tool. Klaas
Hi, i've created a script to render objects from within 3dsMax. Check it out here: http://www.klaasnienhuis.nl/WordPress/2010/09/pseudo-3d-javascriptobject/ Klaas
Oh, and here is my imageflow.js: http://www.arthere.info/circular/imageflow.js
Hi, thanks for creating ImageFlow! However, having a problem with circular slideshow. When it transitions from the last photo to the first, it doesn't step normally, instead it does what looks like the start animation. glideToStartID and startAnimation are set to false. Here is an example: http://www.arthere.info/circular/sculptural.html Any help would be greatly appreciated! Thanks, Nick
Hai there, Can I use Image src = "URL"? is it possible? I need to pull the Image from another server.
Hi There, Firstly, GREAT tool! I just wanted to make a comment here. If you are trying to add the HighSlide, and dont want to spend the time looking around to make it work, add - hs.graphicsDir = 'highslide/graphics/'; To the header of your page. It is on the HighSlide help that there is a link to, but I really think it should be in the HighSlide page on this site. There are some instructions here, but nothing about defining the graphics directory which must be done. Anyway, thanks for a great script.
anytime I try and set the reflection background color the carousel breaks i've added the css and reflectionGET: '&bgc=ffffff&fade_start=20%' to the init
@Paul. The javascript is not written to look for a href tag. The longdesc attribute serves the purpose. Just put your URL or whatever link you want as the value for that attribute.
Hi, I am trying to make an image, also a link... But if I add a "a href" tag around the image, the code breaks... How can I fix this?
@Scott. Its quite easy to do. Just scroll down to the Mousewheel section in the body of imageflow.js and remove the relevant piece of code. If you can't find it I will have a look for you.
Hi, I am using image flow and I just downloaded the code (with the example). Even in the example, the images are broken. The code works but its spinning around broken images. I am using Google Chrome on a Mac running the latest version of 10.6. Why are images broken.
Installation and configuration 1. download 2. Install: unzip to server (see installation notes) 3. configure the path to the scripts, relative to the calling html. In /uzipfolder/imageflow.js, change the reflectPath. Can be relative (ImageFlow_1.3.0/), full URL (http://localhost/slideshow/ImageFlow_1.3.0/) or even absolute file system path (/slideshow/ImageFlow_1.3.0/) 4. configure the path to default image folder from the reflect_.php script: change the imagePath relative to the reflect_.php script. usage 1. call the scripts from the xhtml document's header. 2. display the images in the body: src can be relative to imagePath .
Hi there, Is there a way to disable the mousewheel scrolling of the imageflow? Thank you.
Is the most current version of ImageFlow not compatible with the most current version LightBox2, or is Lightbox2 not compatible with ImageFlow? Either way, what is different to not allow the compatibility?
czczcz
Hey, when creating a gallery, is there an option to add a "new" icon ontop of an existing image? Like when i add a new image to the rotation i would like to announce that it is a new image so people can click it to get more info. if this can be done with other tricks beside changing the whole code please let me know at : eivind (dot) teig (at) gmail (dot) com
Can you remove the image titles from the slideshow and still have a description in Highslide? I mean, remove the title below the thumbnails and keep the text under the full pic? Thank you for your great work!
i like this shoutbox, is free or personal?
Anyone else having problems loading more than 4 different images?
Hello, If there is no longdesc attribute, the click tries to open "null" url, which is not fine. The default implementation of the onClick handler should handle that case. Context: Using TinyMCE to edit the gallery content, it removes empty longdesc attributes. Thanks for the cool script.
First time using this imageflow.. This may sound dumb, but I reallydon't understand which files I need to change to get a white background and white reflections. There are so many css and js files I;m confuse which to change. Please help
a href. its not working. any ideas?
I am trying to make an image a link using
HI, I would like to know about how to add var into ImageFlow script. I want to create onclick window function. So, I have amended imageflow.JS and imageflow.packed.JS. to the following: domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow' }); var target_1 = new ImageFlow(); target_1.init({ ImageFlowID: 'target_1,' onClick: function() {window.open(this.url, '_blank');} }); }); However, it didn't load any pics after that, what would be the problem? Thanks for helping.
Hi there. Wanted to ask if it is possible to add a longdesc to the images and open it in an inlineframe? If yes: how?
There is a problem with IE. Buttom of images will cut in IE .For example if you add border to images,the buttom borders will not be shown .
Hi. Very nice script! I have one problem/question: I want to have a wide, rectangular slider in a bigger scrollbar (more height and width). I tried to change the css for the slider to: background-color: #fff; height:14px; width:24px; ... and the css for the scrollbar to: background-color: #b3b3b3; height:14px; ... But the slider goes over the start and end of the scrollbar. Is there another way to handle this problem? The sliderWidth-setting doesn't take me further... Thanks and regards!
is it possible to use hover to trigger the circular mode not onclick?
how can i alter the ImageFlow "Highslide_1" variation so that it also has transparent reflections? right now i'm able to do one, or the other, not both.
I'm evaluating for commercial use; one questions & one comment: Is there any event registration mechanisms & hooks - I need to display some data in another div based on the centered image. Second, I'm using Drupal Imageflow 1.3.0, and there are descrepancies between the packed and unpack js-versions, the unpacked version lists the images vertically...
since some hours image flow did not find the images it yesterday used. ;( - I changed nothing in the articles, in the plugin or anything elso. any suggestions about the mysterious behaviour? - thx. renee
It's impossible to change the onClick behaviour manually... nothing (!) I insert works, not even alert(); Somebody knows how to implement the shadowbox in the imageFlow?
a quick question as well... I cant find the 'reflection_.php' in the download bundle. any ideas where to look for it? thanks a lot.
LOVE ImageFlow! Has anyone resolved the question of transparent reflections in IE8? My reflections fade to black rather. I've set ReflectionPNG to "true" and also tried the local and full paths to the reflect_.php script. No good. Second question: Is it possible to stop the caching or keeping of the images created by the script on the server? I do apologize if my questions are no-brainers to you geniuses! Thanks very much!
Hi! I have a question about ImageFlow .... in case when i try to put it in div container and hide when document ready ...... then i use show method and it's appear with very min height .... but if i hide it manually and then show it's appear at normal size For Example: $(document).ready(function() { $('#open').click(function() { $("#hider").toggle(); return false; }); $("#hider").toggle(); }); /* IMAGES */ Can anybody help me with it? kamnnm@gmail.com P.S. so sorry about my english ^_^
Okay I fixed the broken images problem and now I was wondering if someone could tell me how to make it so my images remain their original sizes and don't get magnified so they are too big and pixely. Again you can see what I'm talking about at http://eternaldawn110.webs.com/testimageflow.htm. Any help is appreciated, thanks.
I am semi-new to javascript and I wanted to use ImageFlow to display affiliates for my site but I am having issues with my images appearing as broken. The link to my page is http://eternaldawn110.webs.com/testimageflow.htm if anyone can help me. Thanks.
how do I integrate it in my xt:commerce shop?
Is it possible to click on the "scrollbarDiv" and make it glide ? Thanks
Is it possible to show Animated .gif images with the animations in the Image Flow gallery live? Thanks
19:17 - It is not showing me the images, I don't know why
Is there any trick with the url??? What should I take as the root? The file I'm trying to invoke the images from, or one of the php used during the gallery construction? Tks and Regards!
how would i add an image to the flow after the page has loaded for example when the user click on a particular link an image is added
Hi. I found it very very hard to implement the ImageFlow the way I want it. It's hard to setup the Images to have an exact size, because it's all relative and procentual. My center image gets interpolated. Haven't figured it out yet.
I finally worked this out by using the excellent Inspect Element facility in Safari's Developer Tools - Internet Explorer and Chrome etc also have versions - to see the code generated on the page. Eg src="Imageflow/reflect2.php?img=../images/image.jpg". Set reflectPath (path from page to reflect_.php eg 'ImageFlow/') and imagePath (path from reflect_.php to images eg '../') in imageflow.js to make the paths right. Ie src="[reflectPath]reflect2.php?img=[imagePath]images/image.jpg".
Okay, so I downloaded all of the pics used in the demo version from the Intro page of this site and I still get the problem. So I can rule out that the pics I am using is the issue. At this point, it seems to be a server issue since the demos on this site don't have the problem. I have tried switching to ImageMagik over GD2 and no change, either. Anybody have any server config ideas for me? Finn are you still alive?
I have one page that stops loading images at the next to last image only in IE8. It works fine on similar pages and I can find no difference in the coding. The page had worked previously in IE8 but now fails. It works fine in every other browser. Can anyone help? The page is: http://naplesmotorsports.com/sales_2010.html
I am having a problem with IE8. Followed the steps in the documentation but the message "loading image 0/4" appears. It's working well in firefox and chrome.
First attempt at posting here failed. So I will try again. I am having a problem with IE8 displaying the images without a "slicing" distortion while scrolling. I am surprised to not see much about it on this list. I have tried 3 different servers. Wampserver on Win7 using PHP 5.2.x. I have a VMWare version of Ubuntu 9.10 using PHP 5.2.x and I uploaded the standard download to a GoDaddy server that is also using PHP 5.2.x. GoDaddy is using Apache 1.1. My other two servers are Apache 2. View the out-of-the-box version downloaded from this site today at: dymaxia.com/x In IE8 the images are slicing. The diagonal lines on the images make it very easy to see. No problems with any other browser including IE6 being run in a VMWare player. What is the fix?
Set your life easier get the loans and all you need.
I had a desire to make my own business, nevertheless I didn't earn enough of cash to do this. Thank goodness my friend proposed to utilize the loan. Therefore I received the auto loan and realized my desire.
Schade, hätte mich jetzt auch interessiert !
Hi! Great slideshow! I have unfortunately the same problem as the one "Hello (I have a Problem)" couple of days ago. The images are not displaying... Please contact me under ewgeniy [at] gmail.com Thanks! Zhenya
A lot of specialists state that personal loans help people to live the way they want, because they can feel free to buy necessary goods. Furthermore, different banks present term loan for young and old people.
@Matthew: You may want to have a look at http://github.com/bommelpeter/ImageFlow/commit/3154d5beb71d23e19da77bdfe787ecbd724e3157 (scan for the keyword "Imageflow_caption").
Hallo Finn. Ich nutze den Imageflow in Kombination mit highslide zur vergrößerten Darstellung der Bilder. Gibt es eine Möglichkeit, dass der Cursor zur Lupe wenn man über dem Bild ist? Damit der Besucher weiß das mit dem Klick eine große Ansicht kommt. So bleibt es oft unklar. Hier einmal die Webseite: http://www.menschenfotografie.de/jugend2.html
Could this script be made to change the inner HTML of a hidden div below the carousel? For example, you've got a carousel and whatever item is in focus has some HTML in the alt. As it changes, that information modifies the inner HTML of a hidden DIV. Essentially we want to add more text than a single line of captions, or in addition to a single line of captions. Thanks.
@steff & @Finn: Found the post, and it works just fine. But since i would like to use it in a CMS I would like to define the click-function inside the HTML and not inside the JS-File. But that doesn't seem to work or am I doing something wrong?
Hallo! Ich habe imageflow ausprobiert, es ist sehr flexibel und sieht toll aus :) Ich frage mich nur, ob es möglich ist, dass das automatische Karussel nachdem man das mousewheel benutzt hat auch wieder fortsetzen kann, oder ob es dann bis zum Refresh der Seite stehen bleiben muss? Gru, und Danke! Elmario
Figured that out already :) Sorry about that.. should have known ;) Thnx anyway!
@Erwin: I've just been looking at galleries with a view to a personal photo blog and noticed the same thing. Basically, if you open the index.html locally on your computer, then all the scripts run as planned with the exception of the PHP scripts that actually generate the reflections (and show the composited images). If you use an element inspector in your browser to look at the generated source code, i.e. the source that results from the javascript run, then you'll notice the image source attributes get replaced by this (for example): reflect2.php?img=img/img1.png This needs PHP and a webserver to work, which I'm guessing you don't have running locally.
Help! When I go to http://finnrudolph.de/ImageFlow/Download and download ImageFlow 1.3.0 the images won't load... I didn't even do anything yet! Can you please fix this? I can't figure it out because the paths are ok. Thnx!
LOVE ImageFlow! Has anyone resolved the question of transparent reflections in IE8? My reflections fade to black rather. I've set ReflectionPNG to "true" and also tried the local and full paths to the reflect_.php script. No good. Second question: Is it possible to stop the caching or keeping of the images created by the script on the server? I do apologize if my questions are no-brainers to you geniuses! Thanks very much!
01:26 - Hello (I have a Problem)
Unfortunately, when I give the path of the image i want the slider to display, it doesn't show the images. I've tried many different formats and i've also changed the path of the image to check if it makes any difference but unlucky it didn't. Please contact me back at mak_productions@hotmail.com With some Solution Thank you MAk
OK G.R., thanks so much for looking into this. So strange...
hi alle ich habe ne frage ich nutze ImageFlow 0.9 und will auch nicht updaten da ich bilder aus einer datenbank abrufen lasse und alles schhon umgeschrieben ist. ich würde aber gerne die bilder vertikal scrollen aber x-step macht mir da nen strich durch die rechnung wie könnte man das ändern?
@ D.O, You have really got to ask a number of others what they see. I've checked it again this morning at 0700 BST and I can definitely say that in Opera and Firefox the slider is moving at a perfectly uniform speed accross the scrollbar, despite the whole lot jumping up and down.
Hmm, so strange. When I drag the slider from left to right, it stalls a bit around 1/3 of the way every single time across all browsers. It still works, it's just a bit slower and then picks back up in speed. Well, tough to debug an issue that can't be replicated, so I'm not sure what else to say. So I suppose this is the first that you've heard of such an issue, correct? Once again, thank you so much!
@ Doran Orenstein. Just tried it on my laptop, running XP. Still no variation of slider speed in I.E Firefox and Opera. The whole scrollbar and slider jump up and down when the caption runs beyond the width of the imageFlow div. This of course is to be expected but an easy way to fix it is to reduce the font size. There is another way which I have used in the past but I need to search my files for the method if you wish.
@ Doran Orenstein. No, definitely no variation in speed in I.E. Firefox Opera, or Safari with me. (using 64 bit windows)
Hmm, so you're not noticing that upon moving the slider about 1/3 of the way towards the right hand side that it slows down a bit (on all browsers)? That's odd, since this has been a sticking point for my client, and I definitely notice it as well. Otherwise, I think that your idea about reducing the size of the JPGs could help, I just wonder why it stick in the same position every time and isn't just equally slow all the way through. I'll try reducing the file sizes and see if that helps. Thanks so much for your response, it's very appreciated!
Doran Orenstein. I cannot see the slider slowing down in any of the major browsers. But of course there is the usual problem in all versions of I.E. where the images themselves are sluggish to move. This of course is not helped by the fact that you are using the original 300px versions from the main content section as your imageFlow versions which are then scaled down to 153px You can help matters a lot by making separate smaller versions for the slideshow and also reducing the file size of the jpegs substantially for faster loading. The site looks good and imageFlow suits it really well.
Hey guys, I can't seem to find an answer to this anywhere, but do any of you know why the image slider I recently installed on this page is slowing down around the mid-point of the slider's position: http://www.dandeentertainment.com/past-events/ Any ideas would be VERY appreciated!
Joe Burton. Continuous looping is one of the main features of imageFlow version 1.3.0.
Does anyone have a solution for making ImageFlow loop continuously?
I've just looked at imageFlow working perfectly on a friend's laptop with the older version of Opera installed. This is interesting because it proves that the bug that causes the problem with the slider in imageFlow was introduced into Opera in their most recent update. The 1.3.0 version of imageFlow looks really good in all other major browsers. Its a shame that this has happened to Opera, as I find it a worthwhile and user friendly browser.
I took an automatic update for the Opera browser about a week ago. Since then the background image of the slider in imageFlow has stopped moving in Opera. Its just stuck in the one place. This applies to both 1.2.1 and 1.3.0 versions of imageFlow. Has anybody else seen this new bug in Opera? I've trawled the Opera forum posts but can't find any reference to any similar problem.
Gibt es eine Möglichkeit, die ImageFlow vertikal laufen zu lassen? So wie hier (anderers Framework): http://www.jalbumskins.com/skins/imageflow/index_vertical.html Danke!
Getting a screen flicker under my images to the left of center every time I toggle between images. What is causing that? Using Firefox.
Wenn ich ein Set schmaler, hoher Bilder verwende (120x300 px), dann werden sie alle leicht links von der Mitte angezeigt. Andere Seitenverhältnisse (quadratisch, breit) machen dagegen keine Probleme. Was kann ich tun?
Just search older posts in here. I'm sure somebody had the same question ;-) - check June 24 - 15:31 (hint, hint) -- still need help with this (see image 6, 7 and 8) http://testground.finnrudolph.de/js/ImageFlow_1.2.2_Marriott/ (see my post at June 24 - 15:30)
Testing the shoutbox
Hi Finn, first great script. I want to define links under the ImageFlow Canvas where I can jump to a certain image. Like click on first link - slides to image one, click on link two - slides to image five. Is that possible? Thank you for your time.
Had the same issue with lightbox2, but you just need to have a look in the imageflow.css where some components have a z-index of 10000 and over (10005). So go into your highslide.css and change its z-index to 10006 or even higher. (This was the solution for me, hope it's yours too ;-) )
Does anyone know how to change the layers in imageflow with Highslide? I implemented Highslide but when the user clicks the image it zooms and overlaps the scrollbar and text, and these elements are visible through the image. I want the zoomed image to layer over the scrollbar and text. Any ideas?
Re:below message refers to my need to change background color. Thanks
Hi could you explain how to do this exactly. Perhaps just give me the code example and where to place it. Thanks "Below all the different settings you can find the custom field names, for example if_background_color, with which you can override the default settings. All you need to do is enter them as a new custom field for a certain post and add new values. Only Settings that display a custom field below them can be changed!!"
say that I have the image box stuff in one div box.. and a form in a second div box... when I submit my form in the 2nd div box... how can I get WHICH image is being displayed in the first div box? Any ideas? Thanks - jack
I figured it out. Follow instructions Finn has for implementing HS. then also add the following into the head: script type="text/javascript"> hs.graphicsDir = 'highslide/graphics/';
Hey Trying to implement this highslide. Having trouble! Any ideas?
you rock works flawlessly Thank you so much!
First of all ... congratulation for this excellent work. Absolutely brilliant. I will try to use it as a virtual training instructor in our online gym traning system, if I can (commercial licence) of course! But my question is: do you see a possibility that the time interval for every single image can vary? In my case I have a storybook in a database (image + text + timeline) Thank you & BRAVO again Peter
@ steff ther is no problem with ie8 but ie 6 & 7 returns a JS error. I think there must be an easy solution for this problem. I'll try to fix it in the next two weeks
@steff thanks for sharing!! looks really great. I agree with nico - to see a working example made my day too ;)
Steff willl look at this tomorrow. You're site looks amazing. Thank you so much for sharing!
hey steff, THANK YOU SO MUCH! I didnt try it yet, but just the fact to see a working example makes my day :) I am sure we will get this IE Prob somehow solved... im gonna have a closer look at this tonight.
Can anybody suggest a forum where we all can meet and create topics for the same issues? Is there already one existing? Does anyone have too much time to create one ;-) ?
@GGkiller why not use a div tag eg. code for imageflow if not search w3 webstie for guide
15:31 - steff @ nico, johannes & kevin
Seems like you're looking for something like this ;-) : http://www.schuetz-artworks.de - (still beta version). I asked Finn how to do that and he provided me with the same information he gave to kevin (see june 13th). But that didn't work for me as well. He also sent me a link to an example of his own and after a long time of trying I could get it done. You can have a look at the source just by right clicking (best in firefox where you get linked to the imageflow.js file). First you have to create the navigation in your index.html with the image number related to the link (href="0"). You also create a class in your style.css for the link (class="ImageFlowLink") which is important for the imageflow.js. At the very end of the imageflow.js in the domReady function you add some code (see my imageflow.js) to use the href attribute as glideTo target. Done! (That's what I thought, but it didn't work UNTIL I copied Finns Body of his imageflow.js (everything from the init function to the DOMContentLoaded event handler). THEN IT WORKED! I don't know what's wrong with this f****n IE, but unfortunately I have problems with it. I hope you guys can get it done as well and maybe solve the problem with IE!! Hope to hear from you ;-)
DID ANYBODY TRY THIS? (see image 6, 7 and 8) http://testground.finnrudolph.de/js/ImageFlow_1.2.2_Marriott/ Actually I wanted to have interactive html-content rather than plain images. So Finn gave me the link above and I tried to recreate this for me (using iFrames). The source is available at http://github.com/countzero/ImageFlow/tree/marriott - so far I copied the iFrames from index.html and imageflow.css and recreated the html and css structure for the iframes. I also included the lines of his imageflow.js (search for 'iframe') and it worked a bit. There's the iframe and it changes its location when scrolling ImageFlow to 'PARTNER' but then ImageFlow crashes. http://www.indie-visuals.de/patrick/ DOES ANYBODY HAVE A WORKING EXAMPLE AND GIVE ME ADVICE?
Hi there, I am new to html programming so i will need a little help.I am trying to position the imageflow at the center of my webpage...in other words i want to have it inside a box...in a seperate area like the introduction tab of this site.How can i do this? Thanks in advance
Sorted out the problem, it was the onClick function sadly. Does anyone know how to disable the option of linking images to new window?
I really like this Shoutbox, is this something you custom made, or grabbed from somewhere? If you don't mind sharing. Thanks!
@Johannes - me tooooo.......
I just found the issue. I didn't want the onClick to go anywhere or open the big picture. So I had turned off the onClick. Thats what killed it. You don't know how happy this makes me. I had no other js on the page, just this. I wonder if others have altered the onClick as well. It doesnt seem to like that. I was freaking out. Thanks
@ Terry - try the Example Section with ie. They work even with 5.5 (with some limitations). ie6 and higher work without limitations. Do you have any other JS libraries included (jquery, m.tools..). Perhabs there is a collision between the libraries. regards Ps.: I'm still looking for a solution for linking to an image on the same page.
So will this be another unfinished gallery on the internet? It clearly does not work in IE, Thats a show stopper. Very disappointed. Many mentions about this in the shoutbox but no answers. Its a great gallery but not useful if it doesn't work. It works on every browser but IE, but if you are a web designer that makes it unusable. It has to work in IE too, even if you hate Microsoft. Please does anyone have a fix yet? This will be the third unusable gallery I've found on the web because the makers don't finish it. Please please......
Hey, I downloaded and installed Imageflow, its works fine on Firefox and Chrome but on IE 7 the images are loaded fine but you cant slide through it another word stuck on 1st image. thanks
Well iam new to this on my server is not working http://www.lbs4you.com/LBS4you/mobil/test/ my server is ISS 6 on a win 2003 server
@Nico - da sind wir dann schon zwei die das suchen ;) Sollte ich was finden, melde ich mich hier. Grüße
@specialops Thanks, I will give it a shot!
Hi Finn, ich finde dein Skript nach wie vor KLASSE!!! Würde aber nun gerne den ImageFlow aus einem externem DIV mit Links o.ä. ansprechen. Ist sowas möglich??? Also z.B. stehen die Bildernamen noch in einem zusätzlichem Menü. Klickt man auf einen der Namen, wird das entsprechende Bild in den Focus "geflowed". Ich wäre für jeden Tipp dankbar! Grüße
Is there a way to make a little navigation. e.g.: ther is a list of some items and when i click one of these items, tle imageflow rotates to the referenced image. som kind of "onclickrotatetonumber(5)" function :) best regards :)
Does anyone know if it is possible to combine it with colorbox? http://colorpowered.com/colorbox/ this would be the most awsome combination of all
Sorry it ran all that together..... here is the main point..... Message: Not implemented Line: 616 Char: 9 Code: 0 URI: http://kimloughlin.com/js/imageflow.js
this is what I get when trying IE: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; TuneUp HTML Client Embedded Web Browser from: http://bsalsa.com/; InfoPath.1; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 2.0.50727; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; OfficeLiveConnector.1.3; OfficeLivePatch.0.0) Timestamp: Fri, 18 Jun 2010 21:44:38 UTC Message: Not implemented Line: 616 Char: 9 Code: 0 URI: http://kimloughlin.com/js/imageflow.js
Nico on June 13th- I agree about the blur effect. Some pictures dont work well together because they kind of all blend together.
I have the IE issue and there are no other jquery items in my page and it works everywhere but IE. No hacks anyone?
For people reporting ImageFlow not working in IE, particularly if loading the images and then not displaying, I found the issue in my case to be a conflict with another jQuery plugin. Although IE is still to blame overall in my opinion!
@Samantha, this answer from Finn below should help, but another way to think of it is that ImageFlow scales the images to the size of your container, so you need to set up your ratio to match the dimensions of that. "ImageFlow scales the images dynamically. The image aspect ratio will always be correct. If you want the focussed image to match the exact pixel dimensons of the image you can do it the other way around: First build ImageFlow and scale it as you like, then make a screenshot of the focussed image and scale the images to that size."
@Doron Orenstein, assuming you have the GD library installed on your server, the reflections should work if you have the reflect2.php & reflect3.php files placed at the root of your site. I at least couldn't get it to work with them placed anywhere else, even when specifying the location in "reflectPath".
I've managed to get the script implemented without any issues but i can't figure out why although the images are sized to be width: 500px by height: 280px they are being resized to width: 200px and height: 100px. I can't figure out what is resizing them. Please help!
Can someone assist me as I'm having problems with the ImageFlow Gallery. I want my gallery to look like the 'No Reflections Gallery'. View my gallery here: http://test.michellemarsdendesign.com/portfolio-residential.html The main image is not centred and the images to either side of the main image appear the same size and are not smaller. I've used: ------------------------------------- domReady(function() { var basic_2 = new ImageFlow(); basic_2.init({ ImageFlowID: 'myImageFlow', reflections: false, reflectionP: 0.0 }); }); ------------------------------ animationSpeed: 50, aspectRatio: 1.964, buttons: false, captions: true, circular: false, imageCursor: 'default', ImageFlowID: 'myImageFlow', imageFocusM: 1.4, imageFocusMax: 2, imagePath: '', imageScaling: true, imagesHeight: 0.75, imagesM: 0.95, onClick: function() { document.location = this.url; }, opacity: false, opacityArray: [10,8,6,4,2], percentLandscape: 118, percentOther: 100, / preloadImages: true, reflections: false, reflectionGET: '', reflectionP: 0.0, reflectionPNG: false, reflectPath: '', scrollbarP: 0.6, slider: true, sliderCursor: 'e-resize', sliderWidth: 14, slideshow: false, slideshowSpeed: 1500, slideshowAutoplay: false, startID: 5, glideToStartID: true, start
I am using the imageflow.js script in a site for a gallery. The documentations says it can do multiple instances but the example uses multiple instances all at once. I am trying to use multiple instances one at a time. Like using a javascript menu that brings in each gallery seperatly. So the first gallery is appetizers, then I click on desserts and want to see the next gallery on the same page. It kinda works if I click on the menu items while its still pre-loading the images, but not after its done. After its done pre-loading the images you can click on the menu items and the menu names change color to let you know which one you have chosen. BUT the galleries dont change. It just goes to blank. I think the imageflow script is broken and not really set to work this way. Here is the page I am working on, its not in production but will be if I can figure this last issue out. http://kimloughlin.com/gallery-appetizers4.php If anyone has any ideas I would greatly appreciate it. I have tried to use many galleries and everyone one has flaws. This one will be perfect if I can get past this. I'm sure it will work if I put each gallery on its own page but trying not to do that.
Looks like lots of people are having questions about the path to the reflect2.php & reflect3.php files, but no answers. I've tried placing these EVERYWHERE and for the life of me I can't get the reflections to work (works without the reflections though). I am almost positive that my server (Bluehost) is set to work with this plugin, but if someone could PLEASE confirm to me precisely where the PHP files need to go relative to the JS file, that would be great. Thanks!! Doron
@ Ralph: Thanx man! This works
I had got a desire to begin my business, nevertheless I didn't have got enough amount of money to do that. Thank God my close mate advised to utilize the loans. Thus I received the auto loan and realized my desire.
Annnd I just figured it out. Needs the longdesc property in order for this to work. Cheers
Hi there, I'm having an issue with the onClick property. To test this property I am running a simple alert("foo"). It's not firing though....any reason why it wouldn't?
Is it possible with Autoplay: var slideshow_2 = new ImageFlow(); slideshow_2.init({ ImageFlowID: 'slideshow_2', slideshow: true, slideshowAutoplay: true }); when you have to give one click, then the Autoplay JS nog stopped but make circle new round. I have the code in my website and the autoplay stopped when i give one click. Which code have I give to the JS ??
@Dan: have a look at http://github.com/bommelpeter/ImageFlow/commit/3154d5beb71d23e19da77bdfe787ecbd724e3157 (had the same problem on using ImageFlow generally on some database driven image(s)) @Dave: you can generate your HTML structure by AJAX and after inserting it into your page, just init Imageflow on it. Works like a charm here.
is it possible to load the ImageFlow via Ajax? It just won't work for me (images are generated by a PHP script) and the ImageFlow script is loaded by Ajax too.
I am having an issue with the control when only 1 image is to be displayed. I know a bit pointless using the control is this case but it is used elsewhere in the app so it is just to create a standard look and feel. Ideas?
The path to the reflect_.php files was causing the not showing reflections. More in particular, in my case it needed the exact path.
Hello, I love this work and am looking to license it for our sites, however I am having difficulties getting the transparent reflections to display properly in IE8. They seem to be fading to black rather than transparency. PLEASE LET ME KNOW IF I AM MISSING SOMETHING. Thanks much. -RH
Hi, thank you sooo much for your ImageFlow Script and all the work you put into this!!! A great further feature would be a blurr-effect, so that images in the background are blurry and become "sharp" when in focus. You think that's possible??? Best regards Nico
Works well but I am unable to implement an mysql foncftion to change the pictures from time to time. Any thing wrong I am missing there ? Cheers
rest of code: a href="" onclick="instanceOne.glideTo(3)">let ImageFlow glide to the third image
rest of code: let ImageFlow glide to the third image
Hey Everyone having trouble implementing the Glide.to function. I implemented this but when I click on the text in the below code it just restarts the sliedshow at image 1. can anyone help? This is what Finn provided: you can call the glideTo function ( http://github.com/countzero/ImageFlow/blob/master/imageflow.js#L658 ) from the outside. If you call ImageFlow like domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID: 'myImageFlow' }); }); you can put something like let ImageFlow glide to the third image in the html... Of course you don't want obstrusive inline JavaScript and therefore set the onclick event in an external .js ;D
looks like a really useful piece of code...i was wondering if it is possible to have the coverflow effect slowly rotating to show all the images automatically, without the user having to press any button?
Finn, Great script. I just recently implemented the circular mode and the slideshow functionality. I have found a bug, however, that appears not only on my site, but on yours as well. When circular is turned on along with slideshow, but the Autoplay is not included, I get an error message when I attempt to use the mouse wheel to scroll. Once I press the play button, it works fine, even after I press pause it works fine. If I refresh the page and try to mousewheel, again I get the error. Here is the message: Helper.removeEvent >> Pointer to detach event is undefined - perhaps you are trying to detach an unattached event? I get this message in IE only. Firefox appears to work fine.
I implemented the latest version, pictures show up but when i toggle reflection to true they disappear (either jpg or png, that does not matter) I am running php 5.2.9 GD is enabled (bundled (2.0.34 compatible)). Any known compatibilty issues? Noticed several people asking the same, but found (or missed :-) ) an answer.
To Terry, If you add a css class in the imageflow.css file for your background, then set the reflection to that exact color in the imageflow.js file it will work. #Gallery{ background:009cec; } ------------------------------- reflectionGET: '&bgc=009cec' (this is in the function in the js file)
When I set imagescaling=false; It does not work, But set to true, It works fine. Can anyone help me? I want the images to string across without scaling.
Why it is not working on the aspx sites ? i have added script manager, put the code by hand ( not generated from mysql ) and it shows just blank with alt description. any help ?
Hi, I'm having trouble getting imageflow to work when I have transparent png files in IE8 It's fine in Firefox and Chrome but in IE I get a black colour around the png. Can this be made to work right? Tx
I have spent all day trying to figure out how to do the background color change for the refect. You show examples but you give no clue where it goes. The examples code does not exist in any of the code or pages I searched. I want a white background and the fade currently seems to be grey or black oriented. Can someone point me to the use of the reflection_2 example (from example page)? Help is greatly appreciated.
@G.R.: Thanks, I'll try that. It looks simple and doable, so I'll just see if I can't make it work!
Awesome script Finn. Maybe I'm just an amateur but I can't figure out how to add the examples and combos such as fading. I've added to the domReady section of the imageflow.js but no luck. Ex: domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow',startID: 3 }); }); I added the startID: 3 but still no change. Is there something else I have to do? Do I need to add another instance? Thanks in advance for the help!
Is there a way to disable the focus? I don't use scaling and want the image to get big (highslide) by single clicking. No matter if the image is focussed wether not. THX!
This Link: http://finnrudolph.de/ImageFlow shows a fine example of Finns image flow in Firefox, Opera, Chrome and Safari. But not in Internet Explorer. Why?
One other question the images seem to take a while to load when there are over 50 images. anyway to make this load faster? or display some images while it loads them in the background?
I want to link certain images in the imageflow to a navbar. so when i click button 1, the imageflow jumps to a predfined image for example Click btn 1 and get image 6, Click Btn 2 and get image 18....etc. Any ideas?
@Peder. Since reading your post I have experimented with that idea. A very simple way to do it is to take a screen-shot of your paused You Tube videos (use a programme like 'Full Shot') and put them into your imageflow implementation. Make the You Tube link into the value for the 'longdesc' attribute and the video will play immediatly on open. Opening in a seperate window is best because when you close the video you will come back to the same spot on your imageflow page. It really works. I've just tried it.
Could I ask the person from Indianapolis, Indiana who looked at some of my imageflow slideshows less than an hour ago to try another browser instead of I.E. 7 and see what a big difference it makes. Lets's say Firefox or Opera.
Hi Finn Looks great, but i am wondering if it is possible to put videos in Imageflow? If possible embedded from YouTube, Vimeo ect.? I can't really see if that is doable in this feature...? I'm sure it would look very cool as a gallery for my videoes!!
Is it possible for this to run automatically?
@Finn There is a Bug in the way Imageflow Circular Mode works when imageFocusM != 1.0. When switching between the Last/first image repeatedly there is some kind of Position Error that gets worse and worse.
@Martin Bay There is a onClick Property for the init function
imageflow: how do I change the onclick behaviour. I like top open new site when clicking on an image! Thanks
When I use Imageflow with all CSS files separated it works great but when I aggregate the CSS files (after removing the @media screen, projection { } as well as the @charset "utf-8" settings) for optimization purposes the images suddenly are calculated differently which causes them to be displayed as much bigger and not centered (being displayed outside the container div). Anyone's encountered this problem before?
@Andreas Weygandt Maybe you want to Firebug the CSS - an imo quite compact appearance of Imageflow (landsacpes mixed with portraits...) is in place here: http://www.phytodoc.de/therapie/saeure-basen-regulation/
I'm trying the mashup but I cannot get the Highslide iFrame to load. My error console reports: hs.htmlExpand is not a function. I copied the sysntax directly from the mashup imageflow js file. The images load but nothing happens when I click. What am I missing here?
@Derber. Use the debugger in I.E. 8 and it might point you in the right direction.
I have my image flow working nicely in Firefox, Chrome and Apple Safari. Unfortunately IE 8.0 does not load/display my image flow :-(. Why? Any help?
@ Fiore: Please read the FAQ ;D
Would it be possible to combine ImageFlow with lightbox? Because I don't like that he opens the image in another page, and I would like to show it with the window of lightbox :) Thanks
Thanks Godfrey. I applied the opacity workaround. I have still not found a optimum setting that works with all browser window sizes and zoom factors an is compact too. But for the time being it's a good compromise. The iGoogle Gadget looks better too. http://www.google.de/ig/directory?type=gadgets&url=www.thaifrau.org/xml/thaifrau-igadget-weiss.aspx
@Andreas. That looks better but Firefox is still showing a small bit of overlap on some of the images. Try a few more pixels of space. Also the dreaded I.E. is chopping the images when scrolling. This can be fixed by using a workaround that I discovered when I was making my first implementation. Have a look at my post of the 16th of August 2009 and the exchange I had with Finn on the problem at that time.
@Andreas. Looks good but the captions are almost completely obscured by the images. It's very simple to pull the scrollbar and captions down in imageflow.css
ImageFlow works fine in an Facebook App iframe: http://apps.facebook.com/thaifrau/ Has anybody made a FBML/FBJS version for a Facebook tab?
@Cedric. For what it's worth, here's a link to my latest implementation. http://www.godfreyryan.com/Slideshow7.html
Nice work Michael! Very nice! See Finn, with a forum we could also share links to show each others versions! ;)
@Finn: It's a shame for the forum Finn, because it would also be easier for us users to help each other. I've spent few hours yeaterday tweeting the settings to achieve what I wanted and I'm pretty happy with it, including some skinning work on the buttons. The site is not launched yet but I will be happy to post a link for people to see. Although there are few points that remain outstanding. I will email you some info then. Thanks!
@ NJ: Since ImageFlow 1.3.0 there is an option to locate the reflect php: http://finnrudolph.de/Blog/ImageFlow_1.3.0_-_Circular_and_Slideshow_mode
@ Joanne: ImageFlow scales the images dynamically. The image aspect ratio will always be correct. If you want the focussed image to match the exact pixel dimensons of the image you can do it the other way around: First build ImageFlow and scale it as you like, then make a screenshot of the focussed image and scale the images to that size.
@ Michael: http://www.memoriasdeunhincha.cl/home kills the IE6 http://www.spoon.net/IE6 ... nice one ;D Can you say that ImageFlow is causing the problem or some of your other JS? Simple solution: do NO support an outdated unsupported Browser. http://ie6update.com/ helps! . o O ( http://finnrudolph.de/ImageFlow/Examples works with the IE6! )
@ Cedric: Hi, a good old forum is not an option, for I seriously don't have the time to monitor such a thing. There are plenty of webdeveloper forums out there... anyway: If you _need_ help send me a mail to finn.rudolph@googlemail.com and please send a link to your implementation...
Does anybody get any help here? I mean the module is great but it lacks of support or possibilities between users to communicate efficiently. For some of us, we have paid the licence for commercial use. A good old forum would be useful! Thanks
I have problems with ImageFlow and IE6. Any ideas? The browser just freezes! http://www.memoriasdeunhincha.cl/home
How do I make the images appear the correct size? I have checked all your examples and they have the same problem - even when ImageFocusM is 1 they do not show at full size. On your ImageFocusM example the image is at 54% size even though it should be 140%
I copied the example 3 - no scrollbar and no reflections exactly but I still get a scrollbar and calls to reflect2.php (which doesn't work because the code is within a folder and the calls expect it to be in the root)
Hi, Any idea how the space between the images and the scrollbar can be altered? I'm not using the reflections and there is a massive gap between. I'd like to reduce it. Send me your tips: ced _ _ ced [at] hotmail [dot] com. (that's 2 underscores!) Thanks!
Please, any help on making the reflections work? Thanks...
Hola me gustaria saber que es lo que se modifa y en que archivos para poner los botones de navegacion. gracias
Hi, I have a problem with IE 8 with X-UA-Compatible IE-7 : l126 document.getElementById(my.ImageFlowID+'_loading_txt').style.paddingTop = ((height * 0.5) -22) + 'px'; "Object required" And the script stop here.
@Gaetano: Is this supposed to fix the reflections...I didn't notice any changes. HAS ANYONE FIGURED OUT WHY THE REFLECTION IS NOT WORKING? Thanx.
Hallo, wie ist es möglich das der Mauszeiger zur Hand wird, wenn ich auf ein Bild gehe? Benutze imageflow mit highslide. LG Martin
Hello, I have the problem with the IE7. If the slideshow is set to true I get the the error Message: >Helper.removeEvent » Pointer to detach event is undefined - perhaps you are trying to detach an unattached event?
for you who can't load the images, it's coz the reflection script might not compatible. so, just turn the reflection off make a little change on imageflow.package.js domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myImageFlow', reflections:false }); }); hope it works on you too ^^
Please uncomment this line in reflect2.php $source_image = $_SERVER['DOCUMENT_ROOT'] . DIRECTORY_SEPARATOR . $source_image;
Hi developer, Thanks you very much for building this great library. I will use this script for my personal website, and whenever my website can make money i will not forget to donate for your work hard. Thanks www.karunik.info
Ich bräuchte dringend Hilfe mit diesem Script Wohin gehört die Zeile 10 in diesem Script?? http://pastebin.com/ugnsTwbF
Run the index.html in the download package but I do not see the images, just the alt's like image1 etc. I have tried on 2 different servers and the result is the same. Ideas any one and nothing is in the FAQ.
22:52 - clarke@naplesmotorsports.com
I feel like such an idiot. I just don't understand how imageflow is making the call to highslide in the mashup. The code seems to be the same as regular imageflow.
Hi Finn, Great tool and thanks for sharing. Is there a way I can fetch links from a web page, and display them in the image flow. This, will help in browsing through web pages a breeze. At least in my case, each web page is just 1 to 5 kB. Thanks in Adavance.
Actually, the only extention I am missing, is a jquery plugin. is it too much to ask? If I had the time I'd build it myself, but sadly I am swamped in work nowadays
Made ImageFlow with iGoogle: http://fusion.google.com/add?source=atgs&moduleurl=http%3A//www.thaifrau.org/xml/igadget.aspx
I've looking to replace a flash-based Cover Flow implementation (cref PictureFlow, http://www.yaelle.com/?p=477) with a jquery-based, flash-free solution. ImageFlow looks a great start! Two quick questions -- Does ImageFlow currently/planned support y- & z-axis positioning/scaling of images? Are there any examples of Shadowbox (or Lightbox, etc) integration with ImageFlow? E.g., if click on ImageFlow item, launch a Shadowbox action. Likely so, but I've not yet found one ... Thanks, Paul
Hi lässt sich als target für die URL auch ein bestimmter Frame anwählen ?
@ Tommy, remove reflection from config - false. @ John, set reflectionP to a smaller figure like 0.1 Imageflow set by defualt to use reflections is the cause
Working on Imageflow OK but have problem that the slider bar and caption overlays the photos. They sit about 75% down the photo Is there a way to raise the photos to be above the slider bar and caption Thank
Just would like to confirm that if I click the image1 etc then the photo's do open up in the new browser window, so the links are ok and images are in the img folder
Run the index.html in the download package but I do not see the images, just the alt's like image1 etc. I have tried on 2 different servers and the result is the same. Ideas any one and nothing is in the FAQ.
18:05 - Phanchita Supasirithanawat
I tried to change the background to transparent - no success. Is this possible and if yes how can I get it done. Would be nice if you had a solution for this problem. Thanks a lot Phanchita
Trying to open a link when clicking a focused image. However, I'd like to target a specific DIV on my page through ajax. Can anyone please help me figure this out?
You can put the options into the code at the bottom of the imageflow.js file. For example: domReady(function() { var instanceOne = new ImageFlow(); instanceOne.init({ ImageFlowID:'myimageflow', buttons:true, reflections:false, ...etc... }); });
Sorry, everyone here seems to know a lot more about java script that I do (since I know nothing, that is an easy task). I've got to the point where I've got the Image Flow effect working (could only do this after I turned off the reflection). I just don't know where to insert the java script that is given for all of the options (specifically the one that opens enlarged images in a new window). Can anyone help?
I use the imageflow in combination with slimbox to show the images in lightbox fullscreen mode. Is there a possibility to use the next and previous buttons in the slimbox to move for and backwards in the lightbox. do i have to put the "rel" attribute into the longdesc attribute?
Absolutely fantastic package loved it!!! I want to load images with size 120px wide X 95px high. when I open the imageflow my image sizes gets changed. width remains the same but height increases a lot and lost its aspect ration so it dosent look good. how can i fix this?? pls help...
@Florian Benutzt du einen eigenen Slider/eigene Buttons? Falls ja, musst du in der imageflow.css und in der imageflow.js die eigenschaften des sliders und der buttons (nur in der css) anpassen. -- When using custom buttons/slider you have to change the values of them in the css and js as well.
Hi i am Bruno from France. Does Imageflow3.0 works in the header of a wordpress blog ? Thanks, Best regards, Bruno
Hi, I'm having trouble getting imageflow to work with reflections enables (it shows broken image links). It works fine with reflections turned off. I have GD installed and enabled on my server so am not sure what is wrong.
Hi, I'm using your script on my portfolio website (www.simonkagwe.com). I'm however using a python script to create the reflections first and then adding them directly in my imageflow div with reflection set to false. I'm haven't been able to add the script such that it substitutes reflect.php yet, but i'm sure its doable. Nice script anyways. :-)
Sehr schönes Script, großes Lob! Allerdings hab ich ein Problem, wenn ich die Buttons verwende. Dann geht der Slider rechts über den Balken hinaus und liegt über dem rechten Pfeil. -- I have a problem using it with buttons. The slider slides over the right arrow out of the scrollbar.
@koeln12 - have a look at http://github.com/bommelpeter/ImageFlow/commit/3154d5beb71d23e19da77bdfe787ecbd724e3157 which allows you to configure the loading images text.
Great script! but it seems to have problems showing pictures in IE. I can see prealoder and bottom slider but the images are not being displayed. Any ideas?
Hallo zusammen, wo genau kann ich denn den Text "Loading Images" verändern und z.B. eindeutschen? -- where exactly can i change the loading text "loading images" in the programcode? Vielen Dank!
Is is possible to have the items appear as if they never end ? i.e. when you get to the last one it shows the list from the start again ? Thanks
acne amnesteem amount apr best brand buy buying cash cheap claravis cod confluence copa cost delivery drug fast find free generic home information interesting internet isotretinoin order accutane life medications money name oil one online pharmacies pharmacy pills positive prescription price reputable required sale save serious severe shipping site sotret take today
Hello! Your plugin is great, visitors to my site really love it... One suggestion.. when you click on a picture, would it be possible to then have "previous" / "next" arrows by it, so people could browse individual pictures more easily? Some visitors told me that the the plugin really looks neat on the site, but when they want to look at pictures one by one, lack of "next" / "previous" arrows makes it a bit complicated to so. Thanks for such a great work
hai
@Nestor. This may be a bug. I discovered this yesterday...I am presently testing the circular carousel and noticed that when I click on an image ONE left of center - the slides fill in and you can go to the left, however when you click TWO left of center, the slides do not fill in and the slider on the slider bar meanders outside the slider bar. This also happens if someone where to click THREE to the right of center (clicking one, or two right of center appears to work perfectly).
how can i align the focused image to the left instead of center, so it looks like the xbox360 dashboard
Tis is great tool I am using it in Drupal but I can only get the circle to go right, to the left it only goes circular and stop the 2nd time it see the first picture. How can I make it also go circular to the left?
@Brad. That did it! Sort of makes sense if you think about it....though none of the other browsers recognize the conflict. So to any one with a similar problem with IE cutting off images...if you have reflections turned off (set to false), set the reflectionP: to 0. Thanks again for the fix.
@Brad, I will give that a try and have my IE tester friend try it out in the morning. If that solves it....MANY MANY thanks! I don't want to abandon this great non-Flash carousel because of IE. Cheers.
@Steve: I was racking my brain all afternoon with that same problem. If you have the reflections turned off, you need to set reflectionP to 0. I don't know why it works, it's almost as if the script is dividing the end image height by the reflection ratio whether they're on or not. Dumb luck and a ton of trial and error. I hope this solution works.
I am having trouble with ImageFlow with people using IE. The images get cut off at the bottom. You can see an example of this at: http://www.burlsnuff.com/Pages/ImageFlow/ie_cut_off.jpg I read about this in earlier posts but did not find any resolve or fix. I am Mac based and am not having any problems with any browsers. Not having a PC limits me in trying to trouble shoot this. Does anyone know of this issue or how it can be resolved? Thanks. steve_at_burlsnuff.com my beta page for this gallery is: http://www.burlsnuff.com/Pages/ImageFlow/burl_test2.html
I'd like to call the glideTo (or is it moveTo?) function on runtime, when clicking on a link (could be text or a thumbnail image) outside of ImageFlow. Is this somehow possible? So the index.html would have an imageID related to the text that links to this image. Also if I click on an image, the linktext should be highlighted. Any ideas?
Syntax Highlighting for the people: http://marijn.haverbeke.nl/codemirror/
Is it possible to have a menu beneath the gallery and jump to the related image on click? Did anyone try this? And would it be possible to put movies, swf's or other interactive contents in the gallery despite having static images?
@Yeh. I've just arrived back at base. Delighted to see that my workaround did the trick for you.
Ich bräuchte dringend Hilfe mit diesem Script Wohin gehört die Zeile 10 in diesem Script?? http://pastebin.com/ugnsTwbF
Hi, I try to add ajax popup using jquery, but it seems, that it's not possible to add a click event to the image flow html. Do you know if there any limitations with jquery, cause of the longdesc attribute? I set longdesc to "NULL", could add a class, ut the click event is not working..!
Hi, I have a problem, I want to deactivate the captiontext if I move the mouse over the image but only in the Imageflow Gallery. I use the Highslide Gallery, too and the captiontext should be displayed in the details. Do you know what I mean? You can configure the Highslide to display the captiontext on the top, right left or what ever. Thanks for your help....Regards Kenny
Is there any way to disable mouse wheel scrolling?The problem is that I have a long page and instead of people scrolling down (the normal behaviour) the wheel is hijacked by imageflow.On a small page it is fantastic, but on a long one, not so good.
I like imageflow but having trouble getting it going - sort of. I am seeing the image names but not the images. You say that is because GD isn't installed, but from phpinfo(): GD Support enabled GD Version bundled (2.0.34 compatible) Any ideas? Thanks in advance
@ Harald: ;D that was a general post, not an answer to your problem... That would be: Make sure, that the imageflow.css is included properly and nothing overwrites the img position: absolute; setting.
point taken...
Douglas Crockford on JavaScript: http://developer.yahoo.com/yui/theater/video.php?v=crockonjs-1
having a bit of a problem with orientation... http://radiomodern.bizonder.be/media.html any idea what is going wrong?
I realized to search under your name an found the solution to the flickering and choppy image scrolling in IE. Your solution was to set opacity to true and following opacity value to 10. It works perfectly now. Thanks!!!
Is there any way to dynamically update the list of images? I would like to change the list of images defined in the myImageFlow div using jQuery and then some how tell the ImageFlow instance to use the new set of images. Is there a way to do this?
@G.R. I noticed that in IE, after the images are all loaded, if I right click on an image and select property, the flicker will stop.
@G.R. I searched all the entries under your name in the archive and was not able to find any related info. If the solution does come back to your mind, could you post it again? I really appreciate it!
I just recently downloaded your code. Im having trouble using it in dreamweaver cs4. Is there something extra I have to do in order for it to show?
@yeh. I can only see flickering in the dreaded I.E. OK in other browsers. I had the same problem myself with I.E. but can't tell you how I fixed it. at the moment. I posted my solution on the Shoutbox some time ago. Sorry for being so brief.
Now using GitHub for some more suggestions on ImageFlow :) http://github.com/bommelpeter/ImageFlow/commit/3154d5beb71d23e19da77bdfe787ecbd724e3157 The circular setting is just great - thanks!
Much thanks for your code. I am trying to figure out why there are so much image flickering when scrolling from one to the other. Do you have any suggestions? Thanks! the page is at www.shenyeh.com/1/index.html
Hello Finn. You developped a version for Ipod/Iphone touch but will you developp one day a version using the touch of Windows 7 ?
I am thinking of using this on commercial site but images end of very tiny on ie 7. Is there a work around for this. I am not brillant in jquery and javascript. http//www.lwtdesign.con/i4s/index.php
Hello! Great work with imageflow!! I am having a problem though. I am 'flowing' .png images which are transparent around the edges. Firefox and Safari dosplay them fine, but when viewed in IE the .png's look very ugly. Mind you, that if the same .png is placed outside the div container, IE will display it perfectly. I hope there is a workaround you are aware of! Cheers!
Hi, Im considering using this on a commercial website. I have it working fine in Firefox and Safari however it doesn't seem to be working in IE (v6 & 7). Can anyone HEEELLLPPP? http://tinyurl.com/ygx467l ps. Im a designer and pretty new to javascript and jquery so i hope this is not a stupid question etc.
Tim - Where the line is 10 in this script? http://pastebin.com/ugnsTwbF
I think your question is answered in this section of the documentation: http://finnrudolph.de/ImageFlow/Examples#No_reflections
I'm trying to figure out the 'imagePath' parameter. I have ImageFlow inside a directory (imageflow) which then has the image folder within it (img): [root]/imageflow/img/image_x.jpg where imageflow.js is located at: [root]/imageflow/ I set 'imagePath: ../imageflow/img/' and various iterations thereof but can't get it to work.
Hello, i use Imageflow 0.9 in combination with Lightbox 2, and i wanna change the reflexions to transparent - how and where can i change the settings? I don`t find here a answer for this Version ... THX
Hi, i was wondering if it were possible to make it so that a mouse over on an image would make it croll to the image, and therefore removing the nav bar at the bottom
Steph. Have a look at item number 12 in the FAQ section of 'ImageFlow' on this website.
Trying to alter this code so that when the image is clicked, it will open the url in a new window of a certain size. How do I change the js code to do this?
I need urgent help Where have these lines? "StartId: php echo $ start_id;?" from this script http://pastebin.com/ugnsTwbF
Too tired to think straight... Just set "reflectPath" property to the correct path on "instanceOne.init"! All my apologies for those posts and thanks for your great Slideshow!
Ok, I've found something: in "src" attribute of img tags, the path to "reflect2.php" is not correct. In my case, it would be: src="js/slideshow/reflect2.php?img=path_to_my_image". But in reality it is: src="reflect2.php?img=path_to_my_image". How can I modify that?
Some other informations: I'm using Jquery 1.4.2. When I call "reflect2.php" directly, that's work, images are found and displayed.
Hi! I've an issue with this fabulous plugin: the pictures are not displayed in the div, but caption yes and slide effects too. I've tried tons of path, relative or absolute with no result... In "reflect2.php", the path to my pictures is never found! My localhost is under WinXP SP3, Apache 2, PHP 5.2 with recently GD lib... Here is a part of my code: http://pastebin.com/Rsh8NgEW If you have an idea, you're welcome ;o)
I need urgent help Where have these lines? "StartId: php echo $ start_id;?" from this script http://pastebin.com/ugnsTwbF
I need urgent help Where have these lines? "StartId: " from this script http://pastebin.com/ugnsTwbF
I have a solution, you can find it there: http://pastebin.com/K0VeJLbp
And here the code I meant to post: http://pastebin.com/NCrrfqWj
Hi everyone! I am trying the following: I have a row of thumbnails beneath my ImageFlow. I want, that the corresponding images glides to the front, when I click on the thumbnail. At the moment my code is like this: Please, can anyone help me with this? Thank you Finn for this great script.
Is there a way to dynamically remove images from an initialized imageflow? I have a coverflow scenario that allows users to remove an item from a coverflow dynamically. I suppose I could remove the element, then just recreate the object and initialize to a startID, but was wondering if this could be handled natively? Thanks!
Any tips on installing ImageFlow in drupal? I'm just getting these outlines of images: http://vanhise.lss.wisc.edu/nafmp/?q=test Thanks!
Can i integrate ImageFlow as an Link ?? I use Joomla and I want to integrate this nice ImageFlow tool THX
Thanks for the great work! I also need to know how to use thumbnails as anchors/links to the accordant slide. Is that a big issue? THX
Sorry this is correct index_sortiment.php?kategorieid=19,start_id=2
Thanks Tim But where should this line go? / / StartId: php echo $ start_id;?> and how can I connect the boot ID with another call? with comma? see example index_sortiment.php? CategoryID = 19, = 2 start_id
Tim - how?
I'm sorry, the PHP was stripped... Find it here: http://pastebin.com/ugnsTwbF
Nathan: Do it with PHP.
If anyone here can help the one? I need an information whether it is possible to START-ID display with a link? By clicking on an image to the SRTAT ID are passed with the image, the new start each time the page with the current image.
Yes that woult be good Pls help
Got it, Sorry to have bothered you. Checked out the FAQ and although I'm using php, apparently, something called GD doesn't work, or something like that. So I disabled reflection and now it works fine. Thanks a bundle for the script. Excellent job!
P.S. For the rest it works fine.
I tried and I tried, but I can't get the images to load. When I take them out of the div box, they are displayed. I'm still testing with the images that came with the download.
somebody please help, I have Imageflow working nicely, but then I thought I plug a custom highslide in it as well, so I have edited highslide online with their editor, but I can't seem to plug it in my Imageflow :o( please help :o) thank you
G.R., thanks for the information, but the scaling of the images works fine for me, the problem is, that I don't want the images to be scaled. From my research I think, all the magic with the image-resizing happens in the "moveTo"-function. But I can't just overwrite it, because then, the resizing when scrolling would break, too. Very tricky :/ But thanks again!
Hi, Is it possible to define the start-ID for each link?
Hi Tim, I can't load the photos. May I know if there are default picture resolutions to ImageFlow?
Tim, I meant to say open up the 'Inspect Element' utility Dragonfly belongs to Finn. Sorry about that Finn. Mea Culpa.
Tim, there is a very large amount of interdependency in the option defaults section of imageflow.js I have been able to scale the images and size the container width to any proportion by playing around with the options. It takes a lot of time and patience. If you look at my last post on this shoutbox, you will see a link to one of my recently made pages. If you use the Opera browser and open up the 'Dragonfly' utility, you will have complete access to all my files for that page, including my settings in imageflow.js. As a matter of fact, the dreaded I.E. also has a good code verification toolbox. I hope that this helps.
bei Klick eine URL im selben Fesnter aufzurufen funktioniert. Was jetzt super wäre, wäre das bei diesem Neuaufruf die Start-ID auf das gerade aufgerufene Bild gestellt wird. Sodas dieses im Vordergrund steht. Ist das Möglich?
Is there any possibility not to scale the images in a container, which takes 100% width, but change the xStep? I don't mean the 'imageScaling'-property, the images should get smaller when they are not focused, but they shouldn't get bigger then their original size. Thanks for any hints, I'm trying this since days...
Moinsen... wie bekomme ich bitte das "Hochzählen" der Bilder beim Start von Imageflow weg ??? *verdammich-nochmal* *lach*
Hi and woooo really great stuff, thanks so much :) may i tell u about some noob asks ... i added var to imageflow.js, but nothing changing, look please ::: /* Configuration variables */ var conf_reflection_p = 0.5; // Sets the height of the reflection in % of the source image var conf_focus = 4; // Sets the numbers of images on each side of the focussed one var conf_slider_width = 14; // Sets the px width of the slider div var conf_images_cursor = 'pointer'; // Sets the cursor type for all images default is 'default' var conf_slider_cursor = 'default'; // Sets the slider cursor type: try "e-resize" default is 'default' var conf_buttons = 'true'; var conf_startAnimation = 'true'; var conf_reflections = 'true'; can u help on what am i doin wrong, please ? its perfectly running, except the reflections i dont get .... :)
hello, seems to have a conflict between, domReadyEvent function included in imageFlow and $(document).ready included in jQuery. In detail, this issue prevents the correct firing of sliding only in IE. I solved by removing domReadyEvent and firing manually imageflow (or firing in $(document).ready). Sorry for my eng.
hello I've downloaded this ImageFlow to apply it to my portfolio and after i download it when i run the example you did it dosen't show me the images it works but the images look like the path is broken ?? i really like this and I don't wanna turn to flash. By the way AMAZING IDEA
Hey Finn, I am using Google Chrome and Firefox to show a carousel of images and for some reason the images aren't scaling the way that they should be (i.e. the one in front isn't bigger than any of the other ones). I am using the standard implementation. Also when I try to use the captions I get an error message that states that '.getAttribute' isn't a function. I am using 1.3.0. Thank you, Tim
The ImageFlow is very cool. But I would like to have over 1'000 images. Is there a way to load the images dynamically.
Finn, the aforementionend IE problem does not appear in your 'no image scaling' example - any idea why? In the website mentioned below (15 March), Pascal and me used your code from the example as well as the JS and CSS files for testing purposes, but somehow it won't work. I'd appreciate you help, because we need a quick solution for a client and we would pretty much like to use your script :-) Many thanks!
Hi Finn, fantastic work... I need a bit of guidance. I've had imageflow up on my site for a while, but my recent attempts to insert the highslide script have failed. I tried following all of the troubleshooting tips for getting past the "loading" box, but nothing works. I temporarily set it up to open in a new window (I changed it back to a broken highslide for now) but that didn't really work the way I wanted it to. Here's my site, in case you're willing to check it out... http://www.kevinjweir.com/portfolio.htm (I know I'm terrible at html and css, it's all sloppy but it works for now) Thanks!
I want one!!! http://www.soulja.de/zero.html
@ pascal: *shriek* The IE again... I'll take a look into that, thanks for the bugreport!
Hallo Finn, erst einmal tolle Arbeit :) Ich hab leider ein kleines Problem mit dem "No image scaling"-Beispiel. Mit Firefox läuft alles bestens, mit dem IE ist der Script jedoch komischerweise verbuggt. Hier der Link: http://www.cronox.de/hosted/cg/neu/gehts.htm Wäre über Hilfe sehr dankbar LG pascal
1.3.0 installs well. Circular is great. Thanks
Finally, there is a new ImageFlow release: http://finnrudolph.de/Blog/ImageFlow_1.3.0_-_Circular_and_Slideshow_mode
fixed it. Thank's to reading the other comments, huh :$
I just downloaded the latest version of imageFlow, but when I click on the index example the images won't display. I can change the options easily, modify their opacity and all, but images just wont show at all. Here's a picture of how it looks. http://i48.tinypic.com/4fv68h.jpg I didn't even touch the code before entering the index.
I gave the wrong example... http://beatricehamblett.com/bodies/
Hi Finn, have you thought about adding xml ? It would be great to be able to reference an external file, instead of hacking a web page.. Has anyone done this? David
I have noticed that when dragging the slider in imageFlow, it is quite easy to disconnect the cursor from it, when moving a large number of images. This small problem is worse in I.E. but it can occur in other browsers too. I always make my own slider. usually in paint.net. A nice effective way to improve this situation is to surround it with a large transparent border. Let's say I have a 30px by 30px slider. I make a transparent box in paint.net and plonk the slider as a layer into the centre of it. This gives a transparent border of 35px all round. I save it then as a gif image and change the slider width to 100px in imageflow.js. Then I change the slider height and width to 100px in imageflow.css. The cursor has much less chance of falling off, especially when using a laptop keypad. The positions of the previous and next buttons may also need some adjustment in imageflow.css. http://www.godfreyryan.com/Slideshow6.html
It seems it is only on my development machine that I am having a problem. If I upload to my remote server, it seems to work
All of a sudden, I am getting no images at all. I can't for the life of me figure out what's wrong. I'm hoping there is something simple that I'm missing
Is there a way to dynamically create the tags with something like asp.net? I would like to have the images drawn from a database
Hi Finn, tolles Script, bin begeistert. Eine Sache, dir mich allerdings in die Verzweiflung treibt: Als der background schwarz war, konnte ich auch transparente PNGs einbinden, die auch transparent dargestellt wurden. Jetzt habe ich den background auf eine helle Farbe gesetzt, und statt der Transparenz wird jetzt in den PNGs schwarz angezeigt. Was habe ich übersehen? Danke!
Fin: PLEASE PLEASE HELP!! I am having problems with the images on the imageflow.css, its coming out very blurry (the rotating pictures) in all Browsers and comes out clear when the l click on a particular image and the picture pops out!! Is there a way round this?
Hey Ho Finn ... Sorry to be a pain ... but still learning LOL Did as per the instructions u put up online which were very clear ... but I can't get the darn thing to function as per the example. Placed the CSS extras into the imageflow.css OK but I think it must be a problem with my placement of the JS extras into the imageflow.packed.js I put them immediately after the first { and I've tried various other positions too but the enlargement of the centred image always opens in a new max window (as per the basic script) and not as a sized popup. I'm obviously doing something very fundamentally wrong here but can't figure out just what. Any suggestions ? Many thanks
is there a way to send a variable in the function imageflow? I would like to return the user on the image he has clicked
Hey Finn, vorweg: sehr schönes Ding. Ich überlege ImageFlow für eine kommerzielle Seite zu benutzen. Aber eine Sache macht mich grad wahnsinnig und hält mich noch ab die Lizenz zu erwerben: die Reflections. Ich hab jetzt auf mehreren Servern rumprobiert, bekomme die aber nirgends zum Laufen. Die libs im PHP hab ich jeweils gecheckt. Kein Plan. Über jede Hilfe würde ich mich freuen. Thx Ronald
Greetings Finn ... Many thanks for taking the time to reply ... I know u must be busy, so I'm very grateful :-)
Hey Finn, erstmal möchte ich mich für diese tolle Arbeit bedanken! Am Besten gefällt mir die Möglichkeit deinen Quellcode sehr einfach anzupassen, da du ihn super strukturiert hast! Ich habe mich ausführlich mit der Funktion des Caching befasst und frage mich nun ob es nicht eine Möglichkeit gibt eine Galerie quasi "abzuschließen". D.h. es werden einmal die Bilder mit den Reflektionen erzeugt, abgespeichert und danach nur noch aufgerufen. Ich denke dies würde die Ladezeit enorm verkleinern wenn nicht sogar verschwinden lassen! Ist dies mit deiner integrierten Cache-Funktion möglich oder arbeitest du vielleicht sogar an einer solchen Möglichkeit? Lieben Gruß und vielen Dank im Vorraus!
@ Odin: Since you are not the first one having problems with my rather short description, I extended it. Hope that is clear enough ;D http://finnrudolph.de/ImageFlow/Combinations#Highslide
Greetings :-) Was watching what Kalub said and Finn's answer (as well as Shane's response too) ... as I'd like to implement one of the 'combinations' into the basic Imageflow ... but as a novice to this sort of thing (on the step learning curve LOL) Finn's info on the web site re the 'Combinations' is very precise .. however, I still cannot work out exactly where to place the additional CSS and JS bits of script. I know u r all going to throw your hands up in the air ... but some of us r learning ... and I'm not afraid to show my ignorance and ask for assistance ... sorry if that offends, but that's how it is. Once I know exactly where to 'place' the additional 'combination' code then I can learn some more ;-) Thanks
Finn, is there any way to offset the side images, like here: http://bohtech.com/beatrice/bodies/landing.html Thanks David
Hi Finn, great stuff. I've got Imageflow working. It's very nice. But two issues: 1. It's very slow to load the images (16 images at 120k each approx). 2. Each time I refresh, the slow loading is repeated. Any ideas what I've missed? Thanks!!!
Can't figure out how to create a separate highslide html caption for each expanded image. Can see how to do it using just highslide, but not with imageflow and highslide combined. Really can't use html in the image alt attribute.
My art has been ffffound! http://ffffound.com/image/ce05170edfbcd557ba9afc023f983838124a2d7a
@Chris: Currently working on the next ImageFlow version and already fixed that bug... you can grab yourself the *inofficial* ImageFlow.js from the development branch at http://github.com/countzero/ImageFlow/blob/development/imageflow.js
I have the problem, that IE shows nothing, if there is only one image in an imageflow. In FF it works with only on image. Is there any know error or workaround for IE? Thanks for any feedback.
@Kalub there is no Lightbox integration but Highslide works the same way and Finn has explained how to do that http://finnrudolph.de/ImageFlow/Combinations
The business loans seem to be important for guys, which would like to ground their organization. As a fact, that is not very hard to receive a small business loan.
For clients that (still) wonder why a web developer hates the IE6: http://www.flickr.com/photos/atzu/4365152223/sizes/o/
Thank you very much for your two wonderful scripts, I integrated them in my laboratory website. Your javascriptObject script is just awesome to represente 3D structure of proteins. Thank you very much again http://humphrieslab.info/ Guillaume
Anyway to integrate Lightbox into this?
Brilliant library but is there a different way to do the reflection without using gd?
Talkrabb. It seems to be a good smooth implementation of imageFlow, but I think that you should bring down the captions underneath the images. It's very easy to do in imageflow.css but of course having different image heights makes the caption placement more difficult. You would be better off without the scrollbar too, I think.
Is it possible to add or remove pictures to Imageflow dynamically?
Wow! The imageflow of www.thaisingles.de even works on the built in browser of a Nokia E52 mobile phone with Symbian S60 OS.
@G.R. I agree, still thinking about the subtle hint. There is one in the left hand corner of the ImageFlow section, but maybe that is too subtle... try it and see.
Looks like imageFlow is ideal for your site. I would give the viewer a subtle hint to move the images, but of course that is easier said than done, without offending them.
G.R. thanks for the response but after a few hours of trying, I tried manually changing the "packed" version of the jscript, I had previously only been changing the "unpacked version", and now it works! I'm useless at this kind of thing but it's working know. Thanks. You can see the progress of the website I'm currently making here... http://waspdesign.co.uk/2010/ Let me know what you think...
Andrew. I would like to help you but you have not given very much information. Can you start by saying how far you have got with the installation. Have you generated your own basic html? Have you a working version of imageflow? Have you a url? Do the rest of the functions work? Why not post a link and let folks see what you have done so far. I'm in the middle of a loudspeaker building project at the moment but I have some time on hand while awaiting a delivery of components.
Can anyone help me with this startID function? I can't get it to work...
hey, is there anyway to make it run vertical?
How do I change the startID function? I've changed it to 6 in the default section but it doesn't seem to work? And if I need to copy the code from your examples page, where do I put it?? I'm clueless. Thanks.
Some more suggestions for the next ImageFlow version: http://www.ralfhettinger.de/imageflow/ imageflow_1.2.1_modified_2010-02-17.zip (patchfile @ http://www.ralfhettinger.de/imageflow/imageflow_1.2.1_modified_2010-02-17.diff ). Features: (1) 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) ... (2) make speed of transition effect configurable (new option animationSpeed) ... (3) a first simple slideshow (options slideshow, slideshowInterval, slideshowLeftToRight) ... (4) loading text may be easily configured (option preloadImagesText) ... (5) possibility to make imageflow "cyclic" (last to first, first to last - option cycle). Bugfixes: (1) Option slider should only enable/disable the slider not the buttons (2) scrollbar div is only shown, if there is more than 1 image (3) startID isn't corrected properly, if it is set to imagecount+1 (4) startAnimation should only have effect, if number of images > 1
I would love to see an ImageFlow-extension for these CMS: http://www.concrete5.org Further it would be nice if ImageFlow could read hole directorys at once. Another usefull feature than would be an that ImageFlow creates automatically thumbnails images.
Hi Finn, Excellent job on this piece! i was just wondering though if it was possible to make it continuous, like going round in a circle. thanks
Hey Anyone have any idea how the style the loading text: "loading images x/x"??
Hallo, ich hoffe mir kann hier jemand helfen, woanders bekomme ich keine infos. Ich erstelle mir in Drupal mit Imagecache bilder und lasse diese über Views/Imageflow in einem Block anzeigen. Das klappt auch wunderbar. Nun würde ich gern den erstellten Bildern eine Url geben z.b auf eine Seite oder ein Node. Ist das möglich? Bis jetzt haben die Bilder einen longdesc der immer auf sich selbst verlinkt. Vielen Dank Malan
Hi, there, Excellent job, everything is so easy to customise. But, with ie 8, when i put just 1 image, nothing appears. It loads but nothing!! Can someone help ?
i've downloaded the all files, and checked the files extensions, still no images!
hi there, i've downloaded imageslide, everything works except there's x where the images should be. can someone help? cheers
Amazing job with everything Finn. I am so glad that I can put this on my nonprofit webpage. It's going to do my portfolio justice. On a side note, I managed to get the youflow to work but the iPhone/touch does not support the plug-in for the movie. Why is that? YouTube should work on these devices. Thanks again, really!
Thanks Finn, found the problem. In my case all I needed to do was attach hs.graphicsDir = 'highslide/graphics/'; to my . In your detailed description you explain that the "graphics" folder needs to be moved to the "imageflow" folder, but I never realized that a link needs to be added in the to find and apply it. Everything's working great now, thanks. Check it out: http://www.shanecarlsondesign.com/image_flow/index.html
For all of you having problems with Highslide (...loading keeps showing) please take a look at http://finnrudolph.de/ImageFlow/FAQ#Implementation_14
Compliments my friend, this sure does look very nice!
Hi Finn, ich möchte es gerne installieren, sieht toll aus, die Frage ist, ob es exakt die PHP Version sein muss, mein Provider unterstützt alle möglichen Versionen bis PHP 5, die Nr. mit der Erweiterung war aber nicht extra aufgelistet.
Hey Finn, this plug-in is amazing! I'm having some issues like Simon with the ImageFlow/Highslide integration. The ImageFlow is working like a charm, but when I attempt to click the photo, I get a "Loading" bar and nothing happens. Any help?
Cool Man
hi, I like ImageFlow, great work - thanks. But may I know how many pictures I can put under one folder? Say if I put 1000+ pictures, will it take ages to load?
Oh finally, I receive very hot facts reffering to this topic? We propose to find the custom thesis or purchase english dissertation, just because this aid in receiving high grade if you have dissertation.
Hi Super Script. Leider bekomme ich es nicht hin das das Bilder im Focus in der Original Auflösung dargestellt wird. Es sind verschiedene Seitenverhältnisse aber immer mit max H 350 und max W 350px.
Hi Finn, I came across your blog today and I was more than impressed with the YouFlow. I salute you for your creativities on this project. Meanwhile how can I download YouFlow so that I can install on my site http://www.neutratshirts.com
i've downloaded imageflow and i'm trying it out with the following html: I have all images, the js and the css in the same directory as the html file but when i try it out all i see if the loading bar but no imageflow. Any idea what i'm doing wrong?
Any suggestions as far as iphone compatability? Its seems like the js for the scaling doesnt cross over. Thanks
Such a terrific plugin. However, I'm having trouble when I try to locate the thumbnail images anywhere but in a direct subdirectory of the ImageFlow folder. I've tried using hard directories with "../", etc. and I've tried using full http directions to the image files, but still the only thing that seems to work is a direct subfolder. Any help would be amazing.
18:12 - Imageflow customization
Hello there, Firstly, I wanted to thank you for your contribution to the community. This is a slick and fantastic plugin; not to mention easy for people to update and customize. I'm currently building a commercial site and we're considering your plugin on the homepage. However, we're looking to have it autoplay - something which currently is not built into Imageflow. I see that you have this customization running on your Youtube example, cut it's not on the Wordpress version. Do you have an approximate cost for such a plugin customization and a time line you believe it would take to implement? Your response is much appreciated. You can contact me at owenrkperry@gmail.com Cheers
I do really like your good enough text! Can you accomplish the analysis essay for example? Because I do know that a masters media essay writing service could write well researched essays of perfect quality.
It's me again. Now I will try to write something in english, I hope, you can understand it. I want to use Colorbox (http://colorpowered.com/colorbox/) with the big images, but I don't know how to use onclick with Imageflow. Colorbox uses a-tags and Imageflow does not. Can anyone explain how to use in the imageflow.js? Thanks a lot.
Hallo, ich habe gestern Imageflow entdeckt, und ich bin begeistert! Ich möchte nun die Original-Bilder mit Colorbox öffnen (http://colorpowered.com/colorbox/), aber ich habe von Javascript keine Ahnung, daher weiß ich nicht, was ich in die imageflow.js beim onclick eintragen muss, um das Bild zu öffnen. Colorbox hat normalerweise a-Tags als Referenz, in Imageflow stehen aber direkt nur die img-Tags. Kann mir hier jemand helfen? Bei der Colorbox bin ich nicht fündig geworden. Vielen Dank, Krissie
Graham. If I understand you correctly, you have photos of groups of parents, groups of students and groups of families and you would like to go to a gallery of individual parents, students or families. If that's the case, then I would suggest putting links on the group shots which would open up separate urls containing the individuals. You could even run another imageflow instance on the new url to display them.
Hi i have a question in my drupal site I made my gallery using the image flow but my gallery is a list of websites images that i made and i want the visitor to click on each image it go to its website how can i do that any one help
Hi, great code. I love this effect. I am having trouble with the thumbnail images, though. I am trying to have the thumbnails retain the original image size (50 x 75) but keep the slider width at a wider length, for example 500px. So the display would have small thumbnails going across a long slider. Is this possible?
Solved the problem after looking at your FAQ, just took out the reflection in the javascript. Thanks!
Hi Finn, great imagrflow,love your work, one problem though,i cannot seem to get the images to display in the imageflow,when i click the blank images the 'longdesc' images display fine but just cant show the images in the main part. This doesnt seem to work in your own original either.
Thanks for the reply :-) It was pretty easy to figure out after looking at the source. $('#forward').click(function(){ Instance3.MouseWheel.handle(-1); }); This worked perfectly. Now, i would like to filter out certain images when certain links are clicked. For example, i have images of parents, students and families in the imageflow. When i click parents only the parent images are shown and so on. I am still trying to figure out the functionality for this one. If you have any tips that would be great :-)
@ Graham: If you use controllers that function as left and right arrow keys... Check this line for the key functionality: http://github.com/countzero/ImageFlow/blob/master/imageflow.js#L910 . o O ( And I like to see what you want to do with external controls ;D )
Hi, i would like to use 2 external controls to control the forward/back movement of the images in imageflow Is it possible to control the movement with external controls ? Thanks
Check out ma innovation with Image Flow... http://indianmagicians.com/magicvideo/newmagicvideo.php?id=1
nevermind i figured out what i a did wrong. Just for future reference in order for the resizing to work dont put 100px in the width and height of the source code. just put 100 without the px. for some reason when u put the px it keeps them all exactly the same.
Hello, I cant figure out why my images wont dynamically scale. I dont know if i am just overlooking something or whats the problem. I have messed around with the imageFocusM command and nothing happens. My images just stay the exacte same size. Any help would be greatly appreciated!
@ Mirko: Ist geändert... danke für den Hinweis ;D
Servus. Nachdem ich auch ein Problem mit vertikalen Bildern hatte und dasselbe hier auch öfters erwähnt wurde, denke ich dass es vielen hilft in der Installationsanleitung unter Step 1 auch zu erwähnen, dass man die imageflow.css kopieren soll. Die hatte ich nämlich auch vergessen ;)
Sorry für den voreiligen Post... Irgendwie war das ganze wohl sehr fest im Firefox Cache verankert und hat auch 10x Strg&F5 Stand gehalten, keine Ahnung warum... lässt sich also problemlos kominieren. Danke! Wenn ich so programmieren könnte, und dann auch noch alles so schön aufgeräumt :) Kann man ja richitg was von lernen... lg
Hi, erstmal: Klasse Umsetzung!!! Super gelungen. Ich hab nur ein kleines Problem bei der Kombination von ImageFlow mit Highslide... Es klappt alles wunderbar nach Beispiel, aber wenn ich z.B. nur eine andere startID zusätzlich haben möchte weigert er sich bei mir. Was mach ich falsch? z.B.: var Highslide_2 = new ImageFlow(); Highslide_2.init({ ImageFlowID:'Highslide_2', startID: 3, onClick: function() { return hs.expand(this,....... Und nochmal vielen Dank für die Mühe!
@SK: Hi, link auf deine Implementierung? Finn
Hallo, ich habe das Problem, dass im IE7 um meine Bilder ein kleiner grauer Rahmen erscheint. Im Firefox passt alles. Es scheint mit der Style-Sheet Angabe "ms-interpolation-mode:bicubic;" zusammenzuhängen. Sobald ich diese aus dem CSS entferne verschwindet der Rahmen, allerdings werden auch die Bilder unschön skaliert. Das passiert sowohl bei JPEG als auch bei PNG Grafiken. Ein Workaround ist möglich, indem man den Rand des PNGs auf Transparent setzt. Zumindest funktioniert das in meinem Fall. Gibt es auch für JPEGs eine Lösung um dieses Problem zu umgehen?
Sure, but that would be sufficient for many devices we already have that need a battery. Think automatic fire alarm devices and all kind of sensors in urban locations... and the streets are filled with Wi-Fi energy ;D
Finn. The article and video are somewhat misleading. The ERP from Wi-Fi signals is so minuscule that the device itself would need quite a long time gathering up Wi-Fi energy in order to have enough power to be able to charge any secondary device. In other words, the Airnergy itself has to accumulate the required charge over a long period of time to function as a charger. The impression given is that it will simultaneously gather the energy and charge the secondary device. If that were the case, the energy from Wi-Fi signals would have to be many orders of magnitude greater than it is, and that would be like standing in front of a 100 Kilowatt broadcast transmitter, which would not be best for one's health. I would see this thingy as an emergency charger that would need many days to gather enough energy to be useful
Useful: http://www.ohgizmo.com/2010/01/09/ces2010-rca-airnergy-charger-harvests-electricity-from-wifi/
is there any free jQuery alternative to ImageFlow script ???
@ vbonilla: Can do.. but that will work only for one instance per page. Problem is how to link a global keystroke to a special div element. Any ideas on that? Check http://imageflow.finnrudolph.de/ to see how left and right arrow keys work with many instances on one page ;D
@ Wendy: Das freut mich ;D
@ JNL: Can you please post a link to your implementation?
@ Michael: Sie habe Post ;D
Hi, irgendwie bekomme ich die integration von Highslide nicht hin. Wo muss ich den die Codeschnipsel rein kopieren? Vorallem an welche Stelle?
Hi Finn, can you add keyboard arrow key control to the JavaScriptObject? Thanks!
Hi Finn, Whenever I refresh the page within IE, the imageflow div disappears. -JNL
Hi Finn! ImageFlow find ich wirklich todschick. Auch die Doku und Programmierung ist echt klasse... könnte den ganzen Tag Bilder rollen, von rechts nach links, nach rechts... *seufz* ;-) thx!
@ Alex: Take a look at http://github.com/countzero/ImageFlow/tree/marriott ;D
@ Tro: If the images in ImageFlow are vertically make sure, that you included the css properly!
@ Shel: Yes, if you generate your xhtml randomly via PHP or similiar ;D Random is a point in the "next version list"...
Hey Finn... here's a though... how about instead of pictures, the placeholder can hold a or some XHTML code kind of frmaed in the same size as the pictures. Could then have a nice way of browsing information, bit like a booklet... Good idea no? Thanks for this... amazing coding skillz :)
Happy New Year Finn. I have to say that imageflow is the best photo presenting piece of kit that I have ever come across. I am able to display 50 reasonably large Jpegs with no difficulty at all, except of course a bit of sluggishness in the dreaded I.E. I am not a great fan of reflections but I love rounded corners and grey borders on a dark background. I made them up in Paint.net. but it was quite time-consuming. Many thanks again. http://www.godfreyryan.com/Slideshow5.html
Hi Finn, Thanks for this is brilliant. I just have one issue. It works great in all browsers except for firefox 3.01 and earlier. It appears vertically. Any idea why? Thank you
Hello Finn. A little bit more knowledge about css on my part would be helpful. border top etc solves the problem. Thank you
Hello Finn. Thanks very much indeed. This "border:1px solid gray;" applies a border around the image AND its shadow. What I'm looking for is a frame only around the image - the shadow remaining without. Is there a way to do this? Thank you
Great work! Is it possible to load the images in a purely random order?
@ BenBenna: Sure, take a look at that line. It suppresses all image borders inside the .imageflow div: http://github.com/countzero/ImageFlow/blob/master/imageflow.css#L14
Nevermind! I figured it out :D
Hello. Great code. Thank you. Is there a way to modify the css file that the images are surrounded by a frame? I dont succeed in doing this. :-( Any help ? Thank you
Hello! Great code for ImageFlow. One question... how can I change the height of the image that is displayed on the ImageFlow. Like, I have it so when you click on the image, it opens up a popup window with the larger scale of the image (500px by 500px). Now I want the images displayed in ImageFlow to be 200px by 200px so it's like a thumbnail. Not sure if I'm making sense :D but let me know if you know what to do!
Hello. Is it possible to replace image opacity with image blur?
@ Edwin: Sorry, I wont touch Frontpage at all. I have never worked with that Microsoft tool, but I've seen enough sourcecodes that it generates to consider it evil ;D If a tool for websites can not be used to follow the installation instructions at Step 2 of http://finnrudolph.de/ImageFlow/Installation it is not a tool for websites. You can post a link on your website here and perhaps I/someone can see the problem you're running into from the sourcecode...
Goodmorning and best wishes for 2010. @Finn; I tried to get this working into Frontpage 2003 but as expected I did not get it to work at all. Would you be willing to make this for us on our website? Of course we will be prepared to pay for your assistance. I hope to receive a response from you. Thanks, Edwin
You're welcome ;D
Worked a treat! Thankyou so much!!! ^_^
@ Andrew: Simply leave the longdesc attribute of the images empty (not even a space). I did that there http://finnrudolph.de/ImageFlow/Introduction#Demo
Firstly great work Finn. I've downloaded a version and have been playing with it and have finally got it the way I want but wish to disable the 'onclick' functions. How do I do this?
Thanks Finn, you rock!
@ Matt: Here you go http://finnrudolph.de/JavaScriptObject/Examples#Locking ;D
Hi all, since I am new with this I have the following question; I would like to intergrate this in my website but I am using the amature programme frontpage 2003 :-(. Will I be able to paste this image flow in a layer on my website? This is really a great looking feature so I'd love to use it! Thanks!
That would be sweet if you could do that Finn, lock the first and last frames for a "limited rotation" effect.