Flash Image Scroller — September 26, 2006
The Flash Image Scroller is now available for download! Thanks again to my company CityXpress for letting me finish off the code at work. You can read about and download the tool here.
I’ve included some documentation on the tool, including an overview, some examples, a list of available configuration options, notes on installation and a description of the download file contents. Hopefully this should prove enough documentation to let you get it up and running on your site quickly and easily. If not, you can always reply to this thread.
All the best! :-)
Have you given any thought to making the scroll action start automatically when the file is uploaded? It would be nice to have it scroll without needing user to click arrows.
Thanks for a great tool!
Jaime
Comment by Jaime H. Cruz — October 12, 2006 @ 10:01 am
Nice idea, Jaime. I’ll definitely add it to the list! :-)
Comment by ben.keen — October 12, 2006 @ 6:37 pm
Great script! Exactly what i needed!
However i can’t get the flash script to display dynamicly generated images from a GD/php script! The boxes stay grey:
http://www.laurentius.nl/image_scroller/
example image link from XML file:
http://www.laurentius.nl/getfoto.php?type=extern&width=120&album=Biercantus+2005&name=IMGP0279.JPG
Any idea how i can fix this? The only header i sent with php is this one:
Content-Type: image/jpg
Static images (like banners) are displayed with no problems at all!
Comment by Tommy — December 6, 2006 @ 7:46 am
Hey Benjamin,
I love the scroller you’ve let the general public have access too. I have a question regarding the .php scrpt you have. I have a realy large folder fullf various images and it seems the get_folder_images.php is the perfect script for what i need. But i have zero clue on how to get that script to do its job. Any help appreciated..
Thank you,
-Kian
Comment by Kian — December 27, 2006 @ 5:02 pm
Hi Kian,
I just took a look at that script, and I confess it wasn’t the clearest thing I’ve ever written! I modified the script a little and added a little more explanatory help text. Try re-downloading it. Here’s the added text:
—————————–
In order for this script to work, you need to do the following:
1. Update the two settings below for your server: the URL of the folder containing your images, and the directory path to that same folder.
2. Make sure that the folder you specified only contains THUMBNAILS and not the full-sized images themselves.
3. In your webpage, specify this filename (“get_folder_images.php”) as the value of the “sourceFile” setting. For more information on how to configure it in your webpage, read the “Installation / How
to fail gracefully” section here:
http://www.benjaminkeen.com/software/image_scroller/
—————————–
Hope that helps, Kian!
Comment by ben.keen — December 28, 2006 @ 9:35 am
Hi, I got the script working partially. However, I can’t get the thumbnail links to work
this is the text file for the first 3.
&thumbURL1=thumbs/b10.jpg&title1=&targetX=pics&linkURL=http://www.yahoo.com&
&thumbURL2=thumbs/b12.jpg&title2=&targetX=pics&linkURL=/b12.html&
&thumbURL3=thumbs/b13.jpg&title2=&targetX=pics&linkURL=/b13.html&
What’s going wrong?
Comment by George — January 24, 2007 @ 11:36 pm
Hello Benjamin,
First off I want to thank you for the great tool, explanation, and availability. This is by far this best information that I have found to date on a script product that can easily used and understood. I commend you on your ability to not only create this but to explain it as well as you have. Very impressive.
I am writing today as well to show you what I have done with your software and to ask you to take a look at the page as it displays in IE. I am using IE 6.0 on a WinXP. It displays great in FF and Opera.
The page is http://www.tnscorporation.com/goexp/fin_flashfeature_amd_scroller.html and it is in the test stages for a client.
Your Flash Image Scroller displays great at the bottom of the page. The problem takes place when it is viewed in IE 6 with the right nav button. It is lost with the page margin. I have tried to manipulate the div layer width but no effect. I have also tried to add browser specific code to reset the so3.addVariable(“stageWidth”, “748″); to something smaller but I can´t effect that variable. I believe it has something with the CSS attributes that you have in your main file. They need to be adjusted for IE just like you did for the div layer height.
I am using a great script http://rafael.adm.br/css_browser_selector that detects the browser and provides the right CSS code all in the same CSS file. Maybe it will help.
Please let me know when you can. Finally thanks for the great work. If I can ever help just let me know.
Best regards, zepherpaul
Comment by Zepher Paul — February 5, 2007 @ 11:17 am
Hi Benjamin,
Nice work on this tool, it works excellent for me.
What I would like to do however, is to enhance it with the JS Lightbox (http://www.huddletogether.com/projects/lightbox/). To get that working I need to have a rel=”lightbox” added to the which links to the linkURL. I’m not that familiar with this code and gave it a look, but maybe you could tell me if I can add that tag somewhere?
Any help would be appreciated! Thanks in advance,
kind regards,
Thijs
Comment by Thijs Koetsier — February 13, 2007 @ 7:40 am
Is there any way of getting the linked images to open up in a pop up window of specified width, height, without toolbar etc instead of a normal browser window. I know there’s javascript that can do this but I can’t work out where to put it!
Thanks, Nikki
Comment by Nikki — February 16, 2007 @ 4:05 am
im not great with code, but I dont think im terrible.
can someone explain to me where on my page and how I need to connect my_thumb_info.txt file? I see no mention of that. It seems to me that two files seem to suppose to occupy this value:
so3.addVariable(“sourceFile”, “get_folder_images.php”);
so3.addVariable(“sourceFile”, “my_thumb_info.txt”);
Comment by Jon — February 20, 2007 @ 9:01 pm
Hi Ben, this program was exactly what I was looking for to aid in the navigation of a website I’m making. I just have one problem: In IE 6 and 7, the swf doesn’t show up. It flashes on the screen as the page is loading, then disappears. Was wondering if you ran into any issues with CSS? The page it’s being called from is all css, and it works fine when in a page on its own (with no other content css or otherwise).
Thanks for the great script and any help you can provide,
Wendy
Comment by Wendy — March 30, 2007 @ 12:09 pm
Hi,
Thanks a lot for this very good script.
As it was asked here before, i really think it would be great if we could add javascript calls to the links. It would allow to diplay the picture inside a popup or display it on the same page.
Would it be possible Ben.
Ges
Comment by ges — April 10, 2007 @ 3:22 am
Hi Benjamin,
Great Flash application. As for a feature request, can I echo the request of an autoscroller– so that when it loads it keeps scrolling, maybe until you mouseover when it freezes? When it gets to the end of the scroll, it follows it with the start of the scroll again.
All the best,
Mike
Comment by Mike DeWolfe — April 23, 2007 @ 3:13 pm
Wonderful application. The only “feature” i would REALLY love to see added is the ability to determine if the scroller is horizontal or veritical. I would love to stick this into a tower area of a website instead of a banner area….
Thoughts?
Comment by scott — April 28, 2007 @ 1:38 am
Absolutely – I actually started writing the script with the idea of supporting both, then decided I had enough on my hands and dumped the vertical. Once I get some free time I’ll return to this and add the vertical – but it won’t be for a few months.
Thanks for the post, Scott.
Comment by ben.keen — April 28, 2007 @ 11:08 am
Hi, great script
Did you say somewhere that this only works with jpgs? I tried forever to get it to work with gifs and it only showed the image when i uploaded a jpg.
Comment by cp — May 3, 2007 @ 12:57 am
Hi,
Loving your tool, almost perfect except…. I would like to know how to change the arrow color to a different one. Is there a special option for these?
Thanks a lot!
Comment by Odrec — June 19, 2007 @ 7:42 pm
Hi Odrec,
No, I’m afraid there isn’t an option for that just yet. But give me a couple of days – it should be pretty easy to add! If I haven’t posted a new version by Sunday June 24th, send me an angry email at ben dot keen at gmail dot com.
:-)
Comment by ben.keen — June 20, 2007 @ 9:33 am
Thanks a lot :D
Comment by Odrec — June 20, 2007 @ 1:55 pm
Hi Ben,
Just downloaded the latest version of the scroller and the linkURL parameter appears to be broken. Every link comes up as undefined? The same thing happens with your examples page. Did a parameter change somewhere? Thanks :-)
Comment by Bruce — June 25, 2007 @ 12:51 am
Hi Bruce,
Thanks for reporting this! It’s all fixed now – just a minor bug.
- Ben
Comment by ben.keen — June 25, 2007 @ 1:07 am
Dear Ben,
thanks for great flash sccript.
However, I have issue with linkURL directive into the XML: it doesn’t work at all, opening always same page (basically, http:////undefined.
same if I change the linkURL to “http://www.google.com”.
Here is a part of my XML file:
/NewSite/Public/Mountains/thumbs/Mountains.jpg
/NewSite/Public/Mountains/thumbs/Mountains.jpg
Trentino, Parolet e Monte Palon
_blank
Any idea why so?
Thanx.
Leonardo
Comment by Leonardo — June 28, 2007 @ 7:39 am
Hey Leonardo,
Ah, sorry about that. Just re-download the zipfile and overwrite your copy of the scroller_x.swf. That should fix it!
Comment by ben.keen — June 28, 2007 @ 11:28 am
Hi, i got this to work with html
But i have created a flash site, and would like to import it into some space i have allocated.
how can i do that
Thanks
Hiro
Comment by Hiro — July 11, 2007 @ 9:54 am
Hi,
I absolutely love the flash scroller. I got it to work nicely thanks to the extensive documentation. I have a small question. You can pass the index of the scroller when a thumbnail is clicked through javascript.
How can you set the scroller back to that index on reload? Is there a setting I can use? Thanks again for this wonderfull script.
Schonhose
Comment by Schonhose — August 8, 2007 @ 12:59 pm
Hi Schonhose,
I’m afraid not… very good idea, though! I knew that when I added the javascript compatibility, that would open the floodgates to more JS requests. :-) But this certainly makes sense, so I’ll add it to the list of features to add.
Sorry I couldn’t be more help!
- Ben
Comment by ben.keen — August 8, 2007 @ 1:08 pm
Thanks for the comment Ben, any idea when you get around into doing this?
Comment by Schonhose — August 9, 2007 @ 10:21 am
Here is another thought: I would love to have variables for the image width and height. That way I can “resize” the thumbnails when passing to the scroller.
I’m not sure if this is hard to make or not.
Comment by Schonhose — August 11, 2007 @ 7:06 am
I’m afraid that’s not really possible… the image scroller only has access to the thumbnail info. In order to get access to the main images, it would have to be either passed in the images or allow for passing in custom data. So no go, I’m afraid!
But in terms of updates, I actually won’t be working on the scroller for some time – I’m just finishing up another project (Open Translate) and will be devoting most of my free time on that.
Sorry I couldn’t be more help!
Comment by ben.keen — August 12, 2007 @ 1:40 pm
Hi Ben.
great job with the scroller as ever. you should maybe set up a donations system for people to show thier thanks for using it. Anyway I’m stuck with a problem…
I’m having problems with using the javascript when passing the thumbnail details through. I’m putting “javascript” as the target in the “my_thumb_info.txt” file, I’ve tried changing and checking the jsClickHandler details, the javascript itself seems ok… but nothing is happening when I click on the thumbnail. Any ideas???
Thanks – Sorry for being a pain.
Rob.
Comment by Welsh Rob — August 23, 2007 @ 2:17 pm
Hi Ben,
I couldn’t get the scroller to work at all and I’ve followed the instructions from step to step. It just shows the background and arrows, but none of my thumbs appear (I’ve checked the .txt file and they all have correct imageURL’s.) Any tips!? :s
Comment by Julius — August 24, 2007 @ 6:29 am
Hi again,
Sorry, the thumb file was xml but was specified as text. *Embarrassed* :)
Comment by Julius — August 24, 2007 @ 6:33 am
Hey Rob,
I’m awfully sorry for the wait – I’ve been moving provinces. I’m now looking out at “sunny” Saskatoon. Erk. Oh well, it’s only for 9 months. :-)
Do you get any javascript errors, or does it just plain not work? If you like, email me with the URL of the page and I’ll take a closer look. [ben.keen@gmail.com]
- Ben
P.S. Yeah, one of these days I’ll rig up a donation form… thanks for the suggestion!
Comment by Ben — August 27, 2007 @ 10:45 am
Hi Ben,
Thanks for adding the javascript call, your script rock. Please let me know for the donation form.
Ges
Comment by ges — August 30, 2007 @ 6:13 am
Thanks Ges! And I finally got the donation form up. Geez, that took a while! It’s found on the main page:
http://www.benjaminkeen.com/software/image_scroller/
- Ben
Comment by ben.keen — August 30, 2007 @ 11:30 am
Ben -
Let me echo the compliments of everyone else here and extend them with a huge thank you. I’ve been putting together a similar Javascript program that does the same thing, but IE6 is having issues while all the other browsers work fine. Your flash piece was easy to drop in as a temporary replacement to buy me extra days to debug IE for the javascript version – VERY much appreciated.
Quick question/feature suggestion: is it possible to specify a starting index/item in the initialization variables that the flash app would scroll to upon loading? I know someone earlier asked about a similar feature involving javascript interaction – which I know would be more work, but being able to specify the starting location once on the page load would be enough for me. ;)
e.g.
so.addVariable(’startAt’,'5′);
Thanks again for sharing your great work!
*
Comment by Jeff — September 5, 2007 @ 10:20 pm
Hey Jeff,
I empathize with your IE 6 problem. I had a similar problem when writing *this* script: originally the scroller window dynamically resized when the user resizes his/her window, allowing more or fewer thumbs to appear. It worked beautifully on all browsers except IE 6, which forced me to re-write a lot of the actionscript. 3 weeks later I got it going, but broke things on other browsers. Solution? Dump the feature. Sad, but you have to practical sometimes.
A pox on IE 6.
Great idea with the startAt option – I can absolutely see how that would be useful. I\’m actually avoiding doing \’real\’ work right now and working on adding the auto-scroll feature to this script. Once that\’s out of the way I\’ll look into adding this. I think it\’ll probably go hand in hand with adding some better JS support… Anyway, I should mention it\’ll probably be at least a month, since I\’m off on holiday for a while (whoo-hoo!)
Thanks again, Jeff.
- Ben
Comment by ben.keen — September 7, 2007 @ 12:05 am
Hi Ben.
It would be great if this script could allow for transparent backgrounds. I can see that it can be added to the .js file, but javascript isn’t my bag, so I dare not mess with it!
Cheers!
Comment by Lee — September 12, 2007 @ 3:23 am
Hi Ben,
Is it possible for the scroller to open an XML file located on another website?
e.g. sourcefile = “http://www.test.com/scroller.xml”
I’ve tried this and nothing is displayed.
Cheers
Comment by Paul Craven — October 9, 2007 @ 4:58 am
Hi Paul,
Sorry for the wait.
By default, Flash can’t access XML file content on any other domain than the one it’s currently running on. To get around this, you need to create a “Cross domain policy file”. Give this a read through:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14213
Hope it helps!
- Ben
Comment by ben.keen — October 14, 2007 @ 8:18 pm
Hi. Wondering if it’s possible to set the size of the thumbnail to be *NOT* square. The thumbsize parameter seems to suggest that you have to set an outer dimension. Also, when I use thumbnails that are say long and narrow the link area only seems to max out at thumbsize in any direction. So, I’d like to have thumbnails of 250×400 where the entire thumbnail would be clickable. Very nice, works well with Drupal. Thanks for any help.
Comment by Chris S. — October 16, 2007 @ 8:20 am
Hi Chris,
Ah, I see the problem… Would you mind sending me a link to a page illustrating the problem? (Just use the Contact Us form on this site).
I’ve certainly seem people display rectangular thumbs, but didn’t notice the clickable area problem. If memory serves, the entire background is clickable – not the image itself – which could cause problems for non-square thumbs.
Tell you what, I’m just working on 1.7 right now (startAt option, glow, shadow and zoom mouseover effects and infinite looping), but when I’m done I’ll take a look into this. Off the top of my head, we may have to add a new config option to make the thumb the only clickable element. Adding width and height options for the thumbs would require a major overhaul of the code.
Thanks, Chris!
- Ben
Comment by ben.keen — October 17, 2007 @ 10:10 am
This image scroller is great! The only problem I had was that the thumbnails needed to be jpg files. Is there a reason why it won’t work with gif files?
Comment by Dave — October 19, 2007 @ 1:33 pm
Hi Ben,
Thanks again for a wonderful update. I think I have located a bug. Whenever I use the 1.6 version flash I can click on my images and it loads the corresponding URL.
However, with the 1.7 version flash file I can click all day long on the images and not get transfered. Please advise.
Comment by Schonhose — October 20, 2007 @ 4:59 am
Hi ben,
Great work on this image scroller. But like everybody here I have a problem getting it to work the way I want it to.
The when I rollover the images in my scroller the scroller doesn’t automatically stop scrolling.
And when I want to click on the buttons to the left or right it doesn’t always work because there is an image under the button and when I put my mouse on the button the image appears above the button.
I tried all kind of settings but I just don’t seem to get it to work right. Do you have any idea what I could be doing wrong?
Thanks
Comment by ties — October 24, 2007 @ 3:34 am
Hi. I think I found a bug. On Safari and Firefox Mac osX (latest versions all around), when I click the right scroll arrow, let the scroll happend and then click the left arrow, the left arrow gets replaced with the image left – 1, the image that is the next left. This happens on your page of examples as well — so it’s independant of my config. Maybe it’s a Mac thing. Thanks for the cool flash tool!
Comment by Chris S. — October 24, 2007 @ 5:55 pm
Sorry, bug comment #45 only happens on Firefox Mac. Thanks.
Comment by Chris S. — October 24, 2007 @ 5:57 pm
Sorry!! But bug posted in #45 does happen on the latest Mac Safari as well. Sorry for the confusion! The problem exists on Mac osx 10.4 Firefox and Safari. Haven’t tested windows yet.
Comment by Chris S. — October 24, 2007 @ 6:01 pm
Hi guys,
Sorry for the problems, guys. I’m just finishing up another project right now and I’ll look at this as soon as I get a moment!
Ben
Comment by Ben — October 26, 2007 @ 12:59 pm
Hi, the problem or bug in #45 also exists on firefox 2.0.0.8, Mac OS 10.3.9 also, but not on my version of safari, which is 1.3.2.
Comment by barbara — October 30, 2007 @ 8:50 am
Hey, I would just like to confirm some of the reported bugs:
- the scrolling (on autostart) interrupts after a while without any observable reason
- it also interrupts after a couple of mouse-over moves (it won’t restart afterwards)
- clickable areas in long/narrow thumbs are too small (only the top square is a link)
Not a bug:
- a config option for removing the nav arrows would be very nice
My environments:
OS X 10.4.10 (PPC)
- FF 2.0.0.9,
- Safari 3.0.3
OS X 10.4 (Intel)
- FF 2.0.0.9,
- Safari 2.0.4
Windows XP
- FF 2.0.0.9
- IE 6
Comment by KP Frahm — November 2, 2007 @ 1:01 am
Great Script. But when I use it on Firefox 2.0, I get this error after some time
“A Script in this movie is causing Adobe Flash Player 9 to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort this script?”
Browser: Firefox 2.0
Flash Player: 9r47
Operating System: Windows XP Professional
Comment by Rajiv — November 4, 2007 @ 10:27 am
Sorry for the long wait on this, I’ve been extremely busy with other work.
I just released a small update – 1.71 – which includes fixes for these two bugs:
1. While scrolling in one direction, clicking the opposite scroll nav causes the thumbnails to veer off in different directions.
2. Sometimes you can’t click the nav links – the thumbnail beneath it, though invisible, prevents the nav working. N.B. I think this situation is caused in two different situations & I only solved one.
I’ll keep posting fixes for the other problems when I fix them.
- Ben
Comment by ben.keen — November 8, 2007 @ 12:45 am
Hey ben,
Thanks for the great update.
Here is an idea for the next version:
When you rollover the image it stops scrolling, it would be cool if the scroller started scrolling again if you rollof the image.
Greets,
Ties
Comment by ties — November 20, 2007 @ 5:38 am
Can I use this flash image scroller as a banner ad? If yes then is it possible to put some files to another server and configure them to show thumbnails that are in my server?
Comment by Tony — November 20, 2007 @ 11:33 am
Ben,
I have the scroller working fairly decent on my site except for the fact that when you click a thumbnail nothing happens, and I am not getting any javascript errors. Can you assist?
The scroller is on the root of the site.
Comment by Shandog — November 25, 2007 @ 8:22 pm
Heya,
Sure, no worries. Couple of things:
1. the target attribute isn’t being set for any of the links, it just says targetX=_top for all of them. Make sure the “X” is the right number (1…N).
2. If #1 doesn’t fix it, try using an absolute URL for the links
Good luck!
Comment by ben.keen — November 25, 2007 @ 11:28 pm
Thanks much Ben. I figured it out. Aside from the targetX issue, I also added the number to the LinkURL. On the example provided the linkURL did not have a corresponding number. Here is one of the examples http://www.benjaminkeen.com/software/image_scroller/
So, when I added the numbers to the linkURL and fixed the Target number, it worked like a champ.
Thanks much!!!!
Comment by Shandog — November 26, 2007 @ 10:58 am
Dear Ben,
I have a frameset which is made out of 2 frames. In first frame I put a scroller, and set in the XML file
second frame name
but the picture does not open in the second frame, it opens in a separate window. What can be the problem?
Thanks a lot for your help!
Anna
Comment by anna — November 28, 2007 @ 8:55 am
Hi Ben,
Thanks for the script and excellent explanations. Clear and concise – brill!
I have a couple of things to share and a comment to make, as follows:
1. I am using this script/flash scroller in a ColdFusion environment and it is quite easy to set up a query to select a certain group of images to display. I then loop through the result set and create an XML file on the fly and save it to the server (cached for future use). I can then also dynamically create a startAt value that ensures that the image you clicked on is always within the visible portion of the scroll window when the page re-loads. This workd best when you fix the width of the window to be an exact multiple of the width of the thumbnails (plus any padding you’re using), so that it can calculate which is the current thumbnail. If anyone wants code I can get it to you / them.
2. Am I right in assuming that the glow, zoom and shadow effects only work if the size of the thumbnail image + padding is not the full size of the swf file? I can’t seem to get it to do anything when the image exactly fits the display area.
Comment:
With regard to the bug where the navigation arrows get hidden by an image occasionally, I think I have narrowed this down further from the comments above. It only seems to occur if these conditions are met:
a) you have not yet clicked on the arrow in the direction you are about to click on
b) you are not attempting to use an arrow that is faded out because you are at first or last position
c) you do not roll the mouse over the outside edge of the arrow (last 2 pixels only)
d) you have not used an arrow to get to the display (i.e. you clicked on thumbnail or refreshed page)
I could only get this to happen on the left hand arrow – perhaps the div size cuts of the offending edge on the right.
I think it has to do with the hit area used on the arrow not being wide enough to cover any image on the left of the scroll list.
I hope this has been of help and, once again, thanks for the script and flash file.
Michael
Comment by Michael van Koetsveld — December 4, 2007 @ 7:42 am
hi ben,
i have my scroller set to pass info out to javascript.
i’m pretty much using the provided example for loading images into a div – however, i’m having trouble getting it to load the full sized image (its just loading the thumbnail into the div). it works if i load the full size image into the scroller, but then the images are obviously too big in the scroller.
i’ve been going through the javascript files trying to figure things out, but i guess i’m stuck.
if you have a second to offer any suggestions, i would appreciate any input you might have.
the site is http://www.justynabadach.com/working/index.php
Comment by corin — December 10, 2007 @ 10:26 am
…or i just figured out i was passing the info.thumburl instead of the info.linkurl.
sorry,
corin
Comment by corin — December 10, 2007 @ 1:43 pm
ben,
thanks ben.. great script..
i need your help..
how do i display only the images without stopping the scrolling when the mouse is over? thanks.
Dennon.
Comment by dennon — December 11, 2007 @ 10:28 am
Love the scrpt. Easy to use.
Question is this. I am using the scroller in an include php file. If I have 20 items in the scroller and someone clicks 16, they have to scroll from the start when they go to that page. Any way to make the scroller start on 16 or position itselft there? Even if I have to hard code that page?
Thanks.
Comment by Rod — December 26, 2007 @ 8:51 pm
Hey Rod,
Yeah, check out the “startAt” option. It only works with 1.71, but it should do the trick.
Happy Holidays! :-)
Comment by ben.keen — December 29, 2007 @ 11:25 am
Ben (or if someone else knows), is it possible to pass that startAt option into the URL if the scroller is used as an include? You can see the scroller on this page http://www.dornink.com/newsite/janicepage.php
The bottom scroller will link to other pages. Where the scroller is, that is an include page. What I want to accomplish is if you click on the 6th item for example the scroller moves to the 6th spot.
thanks
Comment by Rod — January 2, 2008 @ 8:25 pm
Ok, I got the startAt to work, but there is a bug with it. If I have 20 items and startAt 15, when I click the left arrow, some images slide behind other images, like they are rushing to get back to their place in order. So sometimes you get double images in the same spot.
Comment by Rod — January 8, 2008 @ 10:27 am
Can this be combined with Lightbox effect?
Thanks.
Comment by Jimmy — January 8, 2008 @ 8:11 pm
Hi Rod,
I’d like to combine this with “Lightbox” effect. Namely, when mouse click on a thumbnail image, Lightbox effect with be shown. This combination will make my front page even more attractive. I currently using lightbox. If you click the the thumbnails, you will see how it works.
Thanks.
Comment by Jimmy — January 9, 2008 @ 7:57 am
Hi Ben,
I’d like to combine this with “Lightbox” effect. Namely, when mouse click on a thumbnail image, Lightbox effect with be shown. This combination will make my front page even more attractive. I currently using lightbox. If you click the the thumbnails, you will see how it works.
Thanks.
Comment by Jimmy — January 9, 2008 @ 12:50 pm
AHH why can’t I get this thing to work! What do I do with the javascriptflashateway file?
Comment by jesse — January 19, 2008 @ 11:02 pm
Ok so I got this thing working and its exactly what i needed. Thanks for the great script. Few problems I ran into while installing for those who may be having trouble. I used a text file instead of string variable because i understand the text way better. However when saved as a text it would work so instead i opened a new xml file in dreamweaver and saved it as an xml. make sure to change this accordingly in the script source and type. Also when you go to configure it. The examples provided are missing a variable. For example so3.addVariable(“autoScroll”, “yes”); would be missing the 3 on the configuration page. Be sure to add the 3 and everything should work as it has for me. Thanks again!
Comment by jesse — January 21, 2008 @ 1:18 am
Jesse, what exactly did you get working?
Comment by Rod — January 21, 2008 @ 1:17 pm
The Image scroller. I had trouble getting it to work using a text file(the one where you had to put the thumbnail location ect.). So i tried using an xml file instead and it started working. Once that was done customizing it was frustrating until i i noticed that in my code there was a 3 where on the configuration page there was not. For example i wanted auto scroll. On the configuration page auto scroll looked like this so.addVariable(”autoScroll”, “yes”); and on my webpage everything had a 3 after the “so” part. I added a 3 to make it look like this so3.addVariable(”autoScroll”, “yes”); A simple thing that kept me frustrated for a bit but the script is working great now.
Comment by jesse — January 23, 2008 @ 12:18 am
Is there anyway to reload the sourceFile through javascript? I would like to load another xml list.
Thanks!
Comment by PHil — January 24, 2008 @ 2:30 pm
Thanks for the great tool. It is just almost exactly what I need. I had problems with 1.71 with images stacking up on the left and gaps, also flash complaining as mentioned above. Reverting to 1.6 fixed the basic issues but took away some of the features I wanted. I hope you have time to get the next version working smoothly.
Thank you so much,
Jerry
Comment by Jerry — January 28, 2008 @ 1:34 pm
This is perfect for what I want …. um …. Help!
I’m sure that it is something simple and stupid here that I am missing ….
I’m trying to open a iframe on the same page as the scroller. The name of the iframe is
frame1 and I’m putting this as the target for the thumbnail:
../Images/thumbnails/Wings-Across.jpg
Movies/Wings Across Movie.html
frame1
When I click on the thumbnail in the scroller, the opens in a new blank window, not in the frame1 iframe.
If i try this on the page it workd every time.
FRAME ONE
I’m using ver 1.6
Any ideas would be greatly appreciated, I’m stuck.
Thank You,
Scott
Comment by Scott Thomas — January 28, 2008 @ 5:44 pm
Hey Scott! The spaces in the filename may be causing problems… but could you post your XML or your query string here, so I could take a look?
- Ben
Comment by ben.keen — January 28, 2008 @ 5:48 pm
Ben-
Removing the spaces didn’t help at least at first.
I was running it locally and when I put it up on the server and it worked….
Great in Firefox, IE and Safari!
The test page is http://thisjourney.net/Windows/Wings%20Across.html
Only the first two thumbnails are set-up so far.
Thanks for the help and the great scroller, can’t wait for the 1.71 fixes.
Scott
Comment by Scott Thomas — January 28, 2008 @ 9:28 pm
Sorry …
the link was to the old test page where I was trying to use Cmotion, I didn’t like it and it caused other problems.
the correct link is:
http://thisjourney.net/Windows/Wings%20Across%201.html
Scott
Comment by Scott Thomas — January 28, 2008 @ 10:00 pm
Very nice, Scott! Looks very professional! :-)
Comment by ben.keen — January 28, 2008 @ 10:27 pm
Hi Ben,
Love the scroller, was using ver 1.7, but a message kept popping up saying:
“A script in this movie is causing Adobe Flash Player 9 to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?”
I’ve got no idea if I maybe did something wrong or if the problem is something else. I’ve reverted to version 1.6 – but not nearly as nice as 1.7.
Can you please help?
Thanks
V
Comment by Venita — February 3, 2008 @ 12:17 pm
I’ve just seen that it’s not only on my website but also on your example page that this happens. Any ideas. Using IE 6, Windows XP, Flash Player 9.
Comment by Venita — February 3, 2008 @ 12:27 pm
Has anyone else had problems with the “infiniteLoop” setting? I’ve got it configured to “yes” but the autoscroll doesn’t seem to want to loop!! Any ideas?
Cheers
AndyS
Comment by AndyS — February 5, 2008 @ 6:40 am
OK sorted out my own problem – was working fine on Firefox and Safari, only IE had the infiniteLoop issue. Deleted the .swf from IE’s cache and it works fine now.
Cheers
AndyS
Comment by AndyS — February 5, 2008 @ 7:51 am
This is some really great software, however a couple of things:
1. There is a space created between the 4th and 5th image during the first sequence.
2. Images get hung up against left side after scrolling past.
Also, is there any way to remove all the viewer controls. I simply want them to infinitely scroll ( no stopping ) without the viewer’s ability to click/stop/change direction etc. Being able to remove the buttons would be necessary too. Would also like to remove the pointer icon change since they won’t be linked files.
Any of this possible?
Thanks!
Comment by Chris — February 7, 2008 @ 1:48 am
I need to use this within an existing Flash presentation… any documentation to help with this?
Thanks!
Comment by V fitz — February 14, 2008 @ 3:45 pm
Hi,
first of all, great script! But can you stop the scrolling at a mouseover? It would be great if you can pause the scrolling smoothly, and also accelerate at a mouseout smoothly…
Grtz, Peter
Comment by PTK — February 25, 2008 @ 3:44 pm
how can we make it more than one line. i want to show 20 pic at one page when i click nextit will show other 20 pics. but it will show 5×4 way.
pic1 pic2 pic3 pic4 pic 5
pic6 pic7 pic8 pic9 pic10
pic11 pic12 pic13 pic14 pic15
pic16 pic17 pic18 pic19 pic20
how can i do that? can u add this ?
Comment by kk — February 27, 2008 @ 7:44 pm
Dear Benjamin,
Is it possible for you to add support for non-english characters? Perhaps including a version with unicode characters would be very helpful.
Thanks
Moodang
Comment by Moodang — March 1, 2008 @ 9:32 am
Greetings Benjamin I have used this script on 2 of my sites, but I have an issue with the scrolling, mine will leave the last image on the screen for a few seconds while it continues to scroll its kind of like a dragging, slow refresh issue. Is there a known setting I am missing here?
Comment by Kysii — March 3, 2008 @ 3:06 pm
Hi, First of all, thanks for all this, its wonderful what you are doing here.
ok My question is
Is anyone have a problem to run this script in IE7 ? cause i work fine in IE6 and Mozilla Firefox but in IE7 i cant make it work.
Help anyone?
Comment by Daniel Eduardo — March 4, 2008 @ 10:37 am
My script is getting this message with any browser i run it. and windows XP:
“A script in this movie is causing Adobe Flash Player 9 to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?”
Can you please help?
Thanks
Comment by Daniel — March 4, 2008 @ 1:00 pm
Hi Benjamin, and thanks for your works. The scroller works great, but there is a bug in your documentation :
In the “configuration options” page you said that the ressource file in “Query String format” could have a “linkURL” parameters. This is wrong. The parameter must be “linkURLx” where “x” is the picture number. In fact, this parameter works like the others (thumbURLx, targetX) : it must be numbered. Hopes this help many people who still have this bug.
Comment by Jay More — March 14, 2008 @ 2:17 am
Hi Ben,
Thanks for you work and this script. I’m having trouble with transparency of the slide show in Firefox. It works well in Explorer. I’ve tried everything I can think of including so3.addVariable(“wmode”, “transparent”); but it still cover my drop down menus.
Thanks!
Comment by Weston — March 19, 2008 @ 1:44 pm
Okay, I got it to work. It’s so3.addParam(“wmode”, “transparent”);
Comment by Weston — March 19, 2008 @ 1:51 pm
Thank you so much for all your work on this script and then releasing to the public! I’ve just used it on my site http://www.littlepeopleliterature.com Your instructions were perfect. I really know nothing about code but was able to load it with out too much difficultly – thanks for making is to usable!
Qestion:when you click through the thumbnails they open a new window for the link. Is there anyway to have the link open in the same window? Say the thumblink in going to a new page can that page open the the same window?
Sincerely,
Laura
Comment by Laura — April 9, 2008 @ 1:41 pm
In case you wanna take a look at a really cool implementation of your software pls go to http://ilikemystyle.net
Comment by KP — April 10, 2008 @ 9:29 am
Ben,
This is a great little piece of Flash! I am attempting to use it in building a web site for my dad’s photography. I am having a bit of difficulty with the “startAt” variable, though. This is the same issue that Rod was having in comment #67. I am passing the value of “startAt” through PHP depending on what thumbnail was clicked on. The further down the list of thumbnails, the more likely the thumbnail order gets out of whack, with some thumbails not appearing at all or appearing behind others. Here is where I was messing around with the scroller: http://shades.nfshost.com/scroller/index.php
Thanks!
Comment by David — April 15, 2008 @ 9:54 am
I just have one problem: In IE 6 and 7, the swf doesn’t show up. It flashes on the screen as the page is loading, then disappears. Was wondering if you ran into any issues with CSS? The page it’s being called from is all css, and it works fine when in a page on its own (with no other content css or otherwise). – Ben, this was a comment left by someone else, but I’m having the same issue it looks great in all the other browsers, however I’m trying to use the scroller for site navigation so I’ve got to get it worked out in all browsers. Did you ever run across this before and find a solution?
Laura
Comment by Laura — April 22, 2008 @ 11:59 am
Many thanks for this Ben
It’s a great application and exactly what I was looking for.
Just one question. Is it possible for the autostart to re-continue when the mouse leaves the stage area? ie the strip will be constantly scrolling except when the mouse is over an image.
Thanks
Anton
Comment by Anton — April 22, 2008 @ 12:04 pm
Thanks to Ben for this great script.
I am having one difficulty though… everything else works fine in fact great!!! I can’t get captions to display at all. I am using an XML file format. Images display and links work… auto scrolling is fine… I just can’t get the captions entered on my XML file to display.
I have entered my XML text as follows per sample below:
http://mineola63.org/login/images/yearbook.jpg
http://mineola63.org/public/pages/2008flminireunion.htm
2008 Florida Mini Reunion – Palm Beach
_blank
I have specified my XML file (sample above) as the “source” file on my webpage html code as the XML code has the linkURL connections that do work. The other file “get_folder_images.php” is not useful for me.
The example image scroller that shows captions displays properly on Safari…
Perhaps the current FLA file can be looked at with regard to the captions display. I am certain I have configured properly as everything else is working fine.
Any advice or assistance would be appreciated.
Carl
Comment by Carl — May 9, 2008 @ 2:42 pm
Hi Ben,
Thanks for the script, great bit of work.
Unfortunately, the navigation seems a bit buggy. I’ve read through the post here and I see one or two people have mentioned similar issues. I tested in IE7 and FF and the following happens:
both arrows work on first try
the right arrow will not work once the left arrow has been clicked
the left arrow works up until the point the image beneath it loads over the top of it.
Be nice to be able to disable the navigation until you get time to resolve the issues.
Thanks,
Michael
Comment by Michael Dunbar — May 22, 2008 @ 1:57 am
A couple of other comments, having now played around with the scroller a bit:
It would be nice if the caption didn’t vanish after a mouseover.
Is there a way to access the caption name from the object that is passed back via JavaScript? If not I will write a little C# app that queries the XML file for this and any other custom properites people may want to add to the XML node. I’ll share it with others on here if that is of use.
It would be nice if the scroller atarted to auto scroll again after a mouseover event, perhaps on mouseout of the app?
Cheers,
Michael
Comment by Michael Dunbar — May 22, 2008 @ 7:26 am
I’m trying to get this to work with our new site, I followed every step very closely and still am having trouble. When I publish the site with just the scroller on it, nothing happens. All I see is our blue background with the white rectangle where the flash should be. I know its flash because I can right click it and see, but it doesn’t display anything.
I uploaded all the files to the same folder which is just the basic index folder. I’m not sure why it’s not working, any idea?
Thanks
Comment by Zach — June 3, 2008 @ 1:09 pm
Hi, I’m trying to use your great flash scroller but seems I can’t find a way to disable the mouseOver stopping the autoscroll.
Is there any variable to disable the mouseOver and the navigation completely ? I just really need to have some scrolling pictures without user interaction.
Thank you!!
drex
Comment by Drex — June 25, 2008 @ 7:25 am
Hi
i want to thank you for this handy tool, but i have a question, when my images roll nicely (in infiniteloop) the last one in the row keeps in place while the other ones, keep rolling beneath it. How do i solve this?
you can check it here: http://www.expograndluxe.be/index2.php?lang=fr
thanks!
Comment by Matthias — June 25, 2008 @ 8:54 am
Hello
I have tried to use this script but not work properly.
V. 1.7 not scroll
V. 1.6 scroll only 1 time to right and 1 time to left, after stopped
??
Thanks
Comment by Simon — July 2, 2008 @ 11:40 pm
Errmmm, im sorry ive followed these steps through abut ten times now i just cant get it to work at all…..
I think its something to do with that xml thing, but i put the codes in and all i get is a box in the colour ive set the background to, the mouse turns into a pointer where the arrows should be but nothing there. Nothing else. nada, no pictures or anything.
Can anyone help me.
Comment by Zero — July 4, 2008 @ 10:09 am
Hi Thank you for the script, i have a small problem. i want to show the caption just below the thumbnail.but there is one setting in configuration i.e so3.addVariable(“thumbSize”, “100″); i am set it to 100 after that there is a gap between the thumbnail and caption.Is there any solution for it ? Please help me to solve this problem.
Thank You
Sidhartha
Comment by sidhartha — July 8, 2008 @ 6:06 am
im trying to add lightbox JS to the scroller by parsing “rel=lightbox” to flash. im using the query string for this instead of XML.
i named my onclick javascript function ‘image_lightbox” and declared var rel=info.rel; inside it.
i added &target1=javascript& to the query string and declared the .js files. no link appears!
am i correct by declaring a new var or is it only index, linkURL,thumbURL,thumbWidth,thumbHeight allowed?
need some advice. Thank you.
lightbox JS (http://www.huddletogether.com/projects/lightbox/)
Comment by jentino — July 13, 2008 @ 10:10 am
Ben, I’ve been having problems getting the page to load in internet explorer, it loads ok on firefox but internet explorer has to abort, it was fine until i added the script. Also occasionally the script causes firefox to crash and you have to stop the script from running.
Comment by Baz — July 31, 2008 @ 4:28 am
Hi .
Great script , it’s the first free that i found .
Fully custo .. cool
But , it’s use javascript .
Is it possible to have the same without javascript ? all embeded in the swf and added in a page with the object tag embedded ??
Thanks a lot
Comment by Cj — August 4, 2008 @ 11:50 am
Been looking for exactly a function like this to my site for a long time… FINALLY found it…
Is the project dead or is 1.71 going to be fixed?
I really need the infinite loop to work… Preferably also with a modification that when it reaches the end it will scroll back the other direction instead of just starting all over again.
If the project is not dead and 1.71 will be fixed or 1.6 will have the infinite loop added hopefully also with the option to make it go forward-backwards instead of around-around… I will donate a few bucks for this excellent software!
Comment by Johannes — August 11, 2008 @ 5:09 am
Hey Johannes,
It’s not “dead”, but it’s definitely feeling rather unwell… ;-)
Over the last few months, all my time has been taken up with a new version of my Form Tools script (http://www.formtools.org), and I just haven’t had time for this. I did spend a few hours a month or two back trying to track down the problems, but realized it was going to take more time, so I dropped it.
Sorry I couldn’t be any more help, Johannes, but it’ll be several months before I’m going to be able to get return to it again.
- Ben
Comment by ben.keen — August 11, 2008 @ 11:55 am
That was was a bit better than dead =) … Hoping my users will accept the flashscroller (are some reactionary members that want’s to keep the static images, but there is no room for all images on that space, so the scroller is a good solution from my point of view)
I have dropped you a 20, hoping that it will survive even in the future.
Comment by Johannes — August 11, 2008 @ 1:08 pm
hi ben,
It’s a great tool. I am trying to use it in one of our existing application but i am getting some issues in image scroller.
1. I am getting an error message like this “A script in this movie is causing Adobe Flash Player 9 to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?”
2. Image positions are not aligned properly when it scrolls automatically at page load(specially for the first hidden image).
3. It doesn’t resume sliding on mouse out.
It would be great if you can help me or guide me to resolve these issues ASAP.
with regards,
Bhuv
Comment by Bhuwnesh Yadav — August 13, 2008 @ 8:07 am
Great job, but I need something that can be configured for dynamic use. In this scenario there are thousands of items. each item has several images. Rather than to make a txt file for each item and store it on the server (possible, but inefficient) can we work together to make it read from a database (in this case mysql) result set? I really need this feature and will do whatever I can to help.
Comment by icesurfer — August 13, 2008 @ 10:46 am
Is the fla available for download? It should be if this is GPL … right?
Comment by Jonah Burke — August 13, 2008 @ 11:32 am
Nice script. The problem i am having is in the php side. I am doing a for loop to go through some items.
say i have (just for augment)
for ($i = 0; $i
Comment by A. Todd — August 26, 2008 @ 10:27 am
Hello Ben
Great script :)
All works perfectly but i have the same bug that have some other users
Seems that target=framename dont work :( it still open images in blank window
what can i do ?
Comment by Alex — August 28, 2008 @ 5:23 am
In case someone need to get rid of an warning in JavaScript/Firefox: This
is a problem with SWFObject and can be solved as follows:
var so = new SWFObject(,
“hrmscroller”, “100%”, “100%”, “8″);
// http://blog.deconcept.com/swfobject/forum/discussion/231/
so.setAttribute(“style”, “;”);
—-
Benny, is there a was to pass the source file as a string instead of a file? I need to update
this dynamically, and it works with a fill.php; however, it does not really fit into the class
framework of Joomla.
Dieter
Comment by Dieter Menne — September 5, 2008 @ 6:39 am
Hello benjamin,
I installed the scripts and managed to make them work and you really did a nice job! thx!
My question is about dynamically updating the content of the scroller. I need to update the content dynamically (add/remove pictures when clicking a button for instance) and the only way i found for that is with the following code :
so3.addVariable(“sourceFile”, “newXMLFile.xml”); //setting a new xml file
so3.write(“scroller”); //rewriting the code in the html
The problem is that it reloads the whole scroller on the page… I wish it reloaded only the content of the scroller. Is there a way to do that?
Thx.
Comment by Guillaume — September 5, 2008 @ 12:28 pm
Guillaume,
your question is similar to mine. Basically, you can dynamically update by passing “updatescroller.php” as the source file, and put the code for updating in that file. However, I did not find a way to pass parameters to updatescroller.php, which seems to run asynchronously.
My solution is to create a temporary file (userrandom.txt), and pass the temporary file name. However, you cannot immediately delete the file in your calling php, because of the asynchronous reading, so you should add some code to do a cleanup of the temporaries at a later time.
Dieter
Comment by Dieter Menne — September 6, 2008 @ 1:44 am
Hi Dieter,
Even if you pass updatescroller.php as the source file, you have to call so.write(“scroller”) in order to update the content of the scroller on your web page, don’t you?
I want to avoid that because it reloads the whole scroller object, not just the content. I already managed to dynamically update the scroller using this method.
My idea is to add a method directly on the swf object so we can pass it the new content we want to dispay.
We could then update the scroller with code like :
document.getElementById(”id_scroller”).scroller_dynamicUpdateContent(content);
I already posted that idea in the “feature request list” section.
Guillaume
Comment by Guillaume — September 6, 2008 @ 4:37 am
Guillaume,
I see your point, you need an Ajaxified version.
Dieter
Comment by Dieter Menne — September 6, 2008 @ 5:26 am
To answer my own question under 122: you can pass GET parameters to the php-script. Something like
so.addVariable(“sourceFile”, “myscroll.php?);
Dieter
Comment by Dieter Menne — September 10, 2008 @ 6:30 am
Your web site examples look great. However, I have now tried for hours to get 1.71 to show anything. All I get is a completely blank flash area on the page. All my files are in one directory, my xml file is:
test1.jpg
test2.jpg
test3.jpg
and my simple html file is:
Test
Get the Flash Player to see this player.
var so = new SWFObject(“scroller_x.swf”,”test_scroller”,’100%’,'150′,’8′);
so.addVariable(’sourcefile’,'newsletters.aaa’);
so.addVariable(“fileType”, “XML”);
so.addVariable(’stageWidth’, ‘700′);
so.addVariable(’stageHeight’, ‘100′);
so.addVariable(‘thumbSize’, ‘150′);
so.write(“test_scroller”);
Any suggestions? I have tried this on my localhost as well as on a remote host… same problem. Also, test1.jpg through test3.jpg are 61×80 thumbnails in the same directory…
Comment by Cobus — September 18, 2008 @ 10:38 am
hmmm… that last post didn’t quite work! Sorry.
Comment by Cobus — September 18, 2008 @ 12:05 pm
guys I have fixed the left arrow bug when the image pops over the arrow..
here is my version (decompiled, fixed and compiled again)
http://rapidshare.com/files/151508651/scroller_x.swf.html
Enjoy
Comment by Adin — October 6, 2008 @ 11:36 am
A couple of things.
I noticed that on your Flash Image Scroller – 1.6 within the http://www.2lbin.com/update/IFT/JavaScriptFlashGateway.js file that it specifies that the.version = ‘7,0,14,0′; and i noticed that you have an updated version. 1.7 i just want to make sure this is not part of that? I ask this cuz its not working well in my site.
Also is there a setting i can enable that will allow my thumbnails to continue recycle over and over?
Lastly, is there a way i can mouse over the thumbnails, which will pause the scroll and slowly increase the image size within the window?
Comment by Jesse — October 7, 2008 @ 3:48 pm
Great Script – like a few other, would love a way to add in THICK BOX – all I need is to add a class to the link. Can this be done? Any ideas?
Comment by Eric — October 8, 2008 @ 10:41 am
I have been unable to get this to work at all for my own web site after spending about 6 hours on it….
The .swf doesn’t show up, and I get the “A script on this page is causing Flash to run slowly” dialog.
Obviously, it can work because the demos on this site look OK!
I have the swfobject.js and scroller_x.swf files. Firebug is reporting no errors, and all the files have loaded OK according to the network panel.
My source XML file only contains thumbURL tags. A packet sniffer shows that the .swf didn’t try to load any of them.
Any ideas?
Comment by Robert — October 29, 2008 @ 5:09 pm
swf file mentioned in http://www.benjaminkeen.com/software/image_scroller/load_image_to_div.php never gets loaded.
could any one show me working example of how to Passing thumbnail info to javascript.
Comment by Gautam — October 31, 2008 @ 3:52 am
I got the same problem with Robert.
The flash did not shown up.
I tried to re-install it for at least five times and it came to the same result.
Is anybody has a solution of it?
Comment by edwin — November 6, 2008 @ 8:35 pm
Is there any way to make this work with images that are the same height but different width so that it wouldn’t have to fit each one into a box?
Comment by Roman — November 14, 2008 @ 1:00 pm
@adin your SWF object seems to not be working correctly, after i loaded it in and tested it out, none of the links on the images work…. before when clicked, it would run some script that would display the image in a div tag. now when clicked nothing changes. let me know if you get this fixed Wmarek@gmail.com
@benjamin hello there,
congrats on your awesome accomplishment here. has been very useful. i was wondering if you had a fix like @adin had? when you scroll to the right, and then go back to the left scroll button, the image pops up over the arrow and won’t allow you to select the scroll left button. thanks if you do, if not i will figure something out i guess.
-Will
Wmarek@gmail.com
Comment by Will — November 18, 2008 @ 11:08 am
Hey I am using your image scroller and I was wondering if there is a way to have the images auto scroll after being moused over? Right now if I mouse over the image scroller it all it stops and does not restart, is there a way to have it not do this?
Comment by Evan Watkins — December 17, 2008 @ 12:55 pm
Edwin and Robert, I had the same issue you guys did. I think I figured it out though. Change the my_thumb_info.txt to a .xml file. Then make sure to edit these two lines.
so3.addVariable(“sourceFile”, “my_thumb_info.xml”);
so3.addVariable(“fileType”, “xml”)
I left the filetype as TEXT and if gave me problems. As soon as I changed it to XML is worked.
Comment by Amanda — December 20, 2008 @ 8:24 pm
i saw a problem… i use linux and it happens on firefox and opera.
if you use another target than _blank, links do not run properly ;)
Comment by Ivan de la Jara — January 2, 2009 @ 10:36 am
the left button gets hidden under the far left image. even on your site, if you scroll to the right, then hover over the left edge of the left button, the image pops up over it, causing the user to not be able to scroll left any more.
Comment by ilenz — February 2, 2009 @ 2:44 pm
Has anyone figured out – the left button gets hidden under the far left image. even on your site, if you scroll to the right, then hover over the left edge of the left button, the image pops up over it, causing the user to not be able to scroll left any more.
If so, please let me know how to fix it – I have project to deliver in 7 days…
Thanks a lot Benjamin for the wonderful script….
Comment by Gur — February 5, 2009 @ 1:42 pm
Hi Benjamin, Thanks so much for the great tool. I am only having one issue. My URLs have question marks in them. like – product.php?id=12345. The question mark and anything after it are getting stripped off. Any way to escape the question mark or something like that? I tried putting the URL in quotes and apostrophes, neither of which worked. I also tried using the ASCII code for a question mark and that didn’t work either. I realize you’re busy and am happy to make a donation for a fix.
Thanks!
Comment by Amy Lasley — February 6, 2009 @ 9:49 am
Hey Ben – Great script!
I got everything implemented VERY quickly!
I am having trouble getting the thumbMouseOverEffects to work though. I have copied the example you gave with this effect functioning, but am unable to see the effect. All the images, captions, targets are working perfectly, just can’t get the images to “zoom” onMouseOver.
Any thoughts? Probably something simple, just can’t put my finger on it.
Comment by Tim — February 18, 2009 @ 3:04 pm
Hey Benjamin,
Your script worked in its way except one thing. Though I’ve added all three options for autoscrolling[i.e. so3.addVariable("autoScroll", "yes");, so3.addVariable("autoScrollSpeed", "20"); & so3.addVariable("autoScrollPause", "2000");] in my script Im not getting it scrolled automatically when the page is loaded. Could you tell me where I might have gone wrong. I would be thankful for any help…
Thanks,
Ankit.
Comment by Ankit — February 25, 2009 @ 12:42 am
Hi, I would like to use this scroller on a camera club website…but I do not know any php, but is there anyone out there that has the appropriate basic html written for this, I can figure out the rest, but I do not know how to call up the php on the html…any basic script help would be greatly appreciated.
thanks
Jim
Comment by Jim — February 28, 2009 @ 9:30 am
Hi Jim,
I think there is no need of using php in this script. but if you need it then it can be embedded in html code using ” start & end tags respectively. e.g. if you want to include some .php file in you html code then you can write:
& here is my file that implements this scroller:
Scroller
Your browser is not able to run this Flash script. The requirements are:
– JavaScript must be enabled
– You must have Flash installed
var so = new SWFObject(“scroller_x.swf”, “scroller1″, “100%”, “100%”, “8″);
so.addVariable(“sourceFile”, “my_thumb_info.txt”);
so.addVariable(“fileType”, “text”);
so.addVariable(“stageWidth”, “840″);
so.addVariable(“stageHeight”, “170″);
so.addVariable(“scrollSpeed”, “5″);
so.addVariable(“randomize”, “yes”);
so.addVariable(“thumbSize”, “150″);
so.addVariable(“thumbAlign”, “both”);
so.addVariable(“bgColor”, “F4F4ED”);
so.addVariable(“navColor”, “D4D4BE”);
so.addVariable(“thumbBackgroundColor”, “D4D4BE”);
so.addVariable(“thumbBackgroundOpacity”, “60″);
so.addVariable(“autoScroll”, “yes”);
so.addVariable(“autoScrollSpeed”, “4″);
so.addVariable(“autoScrollPause”, “1000″);
so.addVariable(“smoothLoad”, “yes”);
so.addVariable(“initFadeInSpeed”, “10″); // between 1 and 20
so.addVariable(“initFadeInItemPause”, “300″);
so.addVariable(“thumbMouseOverEffects”, “glow”);
so.addVariable(“glowColor”, “FDF402″);
so.addVariable(“glowSpeed”, “4″);
so.addVariable(“infiniteLoop”, “yes”);
so.addVariable(“startAt”, “3″);
so.addVariable(“zoomSpeed”, “10″);
so.write(“scroller1″);
Hope, this will work for you…
-Ankit.
Comment by Ankit — March 2, 2009 @ 6:07 am
Hey all my php code has been trimed from the post!!!
Comment by Ankit — March 2, 2009 @ 6:09 am
VERTICAL SCROLLING ——————-
Many of you have asked for vertical scrolling, and I have a quick Hack that may or may not work for you. It worked for me. It is very shaky coding, you should understand why after my explanation.
All I needed was simple vertical scroller , that scrolls the thumbnail images continuously and nothing else. So that is what this method did for me, and thats where I stopped investigating.
First you will need to download the Source of the scroller. Its on the same download page as the other stuff.
So then you will open the source in flash, I am using CS4, but I don’t think it will matter what you use.
Once the document is open,
On the top toolbar goto EDIT—->Find and Replace.
This should bring up the find and replace dialog.
For the “find” box, type in _x
For the “replace” box type in _thisiswhatxis
Then Hit “Replace all”.
It should replace like 43 items, I don’t remember exactly.
Now in the “find box”, type in _y
and in the “replace box” type in _thisiswhatyis
Then Hit “Replace all”.
It should replace like approx 23 items, I don’t remember exactly.
Now…….
Everywhere in the entire document where there was _x in the actionscript there is now _thisiswhatxis.
Everywhere in the document where there was a _y in the actionscript, there is now _thisiswhatxis
Now in the Find box Type in _thisiswhatxis
In the replace box Type in _y
Then Hit “Replace all”.
Now in the Find box Type in _thisiswhatyis
In the replace box Type in _x
Then Hit “Replace all”.
Publish you movie, upload it, and test it.
In essence what what we just did was to replace all of the” _x”s in the actionscript with “_y”s.
So now the movie performs the scrolling vertically instead of horizontally and you never really had to do any hard coding.
This is a very shaky method, I say that because it works for me great, but I don’t know what other parameters that it may have through off when I reversed all the _x’s and _y’s and I am not really concerned about that cause it does what I need it to do at this point.
I do know actionscript, so I can dig through the code if need be and change things, but this little explanation will at least get your gallery scrolling vertical, you may need to dig through the code to change other parameters.
Hope this helps someone.
Comment by VERB WIT — March 5, 2009 @ 5:35 pm
We are trying to include the Flash Image scroller in a site we are developing. We are having a problem with Captions disappearing.
The captions appear in the first set of images. But when you scroll past the first set, to see the images that are not initially displayed, the captions do not appear. AND, when you scroll back to see the first set of images afgain, the captions disappear.
http://connectworkz.com/~rud_admin/rudolpharchitects.com/index.php?option=com_content&view=article&id=50&Itemid=59
Any ideas or suggestions?
Comment by Marc — March 17, 2009 @ 12:37 pm
Great script, but somehow the scrolling stops, everytime I move my mouse over the applet.
This makes it kinda useless.
Isn’t there any way to turn the mouse-over function OFF?
Cheers,
Jeroen
Comment by Jeroen — March 29, 2009 @ 9:30 am
Hey – I am trying to create a flash piece with an image scroller, that when the image is clicked it’ll launch a details window or if a non-flash link is clicked it’ll launch the details window and scroll to the correct photo in the scroller. Is this possible?
Comment by NH_web_designer — March 30, 2009 @ 9:32 pm
Lightbox example here:
…here should be lightbox .js libs….
………some html………..
var so3 = new SWFObject(“swf/scroller_x.swf”, “scroller1″, “800″, “150″, “8″);
so3.addVariable(“sourceFile”, “gallery.xml”);
so3.addVariable(“fileType”, “XML”);
so3.addVariable(“infiniteLoop”, “yes”);
…..more params…..
so3.write(“scroller1″);
function image_scroller_clicked(info)
{
var objLink = document.createElement(‘a’);
objLink.setAttribute(‘href’,info.linkURL);
objLink.setAttribute(‘rel’,'lightbox’);
// objLink.setAttribute(‘title’,info.caption);
Lightbox.prototype.start(objLink);
}
Comment by Basilio Cat — April 14, 2009 @ 7:25 am
someone stole my HTML tags ;)
anyway, don’t forget to include JavaScriptFlashGateway.js
Comment by Basilio Cat — April 14, 2009 @ 7:27 am
Made a tutorial on how I personally got the image scroller to work here: http://techchronicle.wordpress.com/2009/04/22/flash-xml-image-ticker-scrolling-images-that-load-from-an-external-text-file/
Thanks Benjamin for a great script!
Comment by eric — April 22, 2009 @ 8:29 am
This is great!! Thanks for the great software!!!
I have got the image scroller up and working but not all the images are loading, can you help?
Comment by NH web designer — April 29, 2009 @ 6:33 pm
@Adin (and anyone else): It indeed seems you have fixed the left button issue. Can you please let us know how you fixed it, or at least provide the FLA file so we can implement our own changes as well?
Thanks in advance.
Comment by Remco — June 8, 2009 @ 4:58 am
Hi! this is a really good application, I currently instaled and its working really well except for a bug which is that when the scroll ends, if you try to click on the left narrow to scroll back, an image will position over it and user wont be able to check back the images of the scroll, anyone got an idea on how to fix this? thank you
Comment by Draco — October 23, 2009 @ 1:29 pm
I am able to get the images to load by editing the php file, however I cannot get the pictures to link in the XML file. I take it using the php file is the query string method, but where in that php file do I put the options for links and such? I tried to utilize the xml file and link to it instead of the php file int he options, howevr it never works. Can anyone help?
Comment by Siobhan — November 17, 2009 @ 2:26 pm
Is it possible to turn off the mousover function that stops the picture scroll? I have seen a couple of others ask this question, and I was wondering the same. The reason I would like to disable it, is because if the mouse is dragged over the pictures as soon as the page loads, the images never start scrolling.
Thanks for the great script. It has been a big help!
Comment by Chance — November 18, 2009 @ 2:59 pm
Great script! Lots of options, which is great! Is there a way to remove the navaigation arrows and just let it autoscroll and ignore any mouse overs? It appears that I could change the color of the navigation bars and arrows, but the white space would still be there. My question is similar to #106. Any tips?
If it detects flash is not present is there a way to display a static image?
Comment by Mike — November 22, 2009 @ 6:22 am
hi
i see a big white space below my thumbnails, any idea whats causing that?
Comment by navin — December 18, 2009 @ 4:39 pm
A script in this movie is causing Flash Player to run slowly
i keep getting that, any ideas how to remove that?
Comment by navin — December 18, 2009 @ 4:47 pm
Adin’s ‘fixed the left arrow bug when the image pops over the arrow’ version can also be downloaded here >>
http://www.verooom.com/image_scroller/scroller_x.7z (because rapidshare sucks)! Many thans Adin, works perfectly! And many thanks Benjamin, great little flash! Love it!!
Comment by Ja — January 12, 2010 @ 2:26 am
Hi,
I’d like to use your script in a chinese language web site, but when I try to set the caption to some Chinese like “中国”, the caption will not be displayed at UI, could you please help on this?
Comment by Tony — April 16, 2010 @ 11:10 pm
Nice work, thanks
Can we have direction option in autoscroll function? Left to right or Right to left
Coooooollllll!!!1
Comment by Peter — May 26, 2010 @ 6:03 am
Hi Benjamin,
I am having trouble getting the images to show up. I have them in my public_html/images/scroller_stuff folder and I’m not sure what is needed to put for the php file. Any help would be greatly appreciated. I have also specified the images with an xml document and am wondering what the url should look like. Can I just put public_html/images/scroller_stuff/myfile.png? I’m pretty new to code and don’t know much about it.
Thanks,
Nick
Comment by Nick — June 24, 2010 @ 8:42 am
Can someone help me? My site is http://www.njmdesigns.com and I have done everything correctly I think. The php file I am using is as follows. My folder that I have specified only contains the thumbnails. Does it have to include the .swf file also? I am new to code and would appreciate any help that you can give.
Comment by Nick — June 24, 2010 @ 2:48 pm
$image_folder_dir = “.images/scroller_stuff”;
$image_folder_url = “http://njmdesigns.com/images/scroller_stuff”;
// ———————————————————
$count = 1;
if ($handle = opendir($image_folder_dir))
{
while (false !== ($file = readdir($handle)))
{
if ($file != ‘.’ && $file != ‘..’)
{
echo “&thumbURL{$count}=$image_folder_url/{$file}”
. “&target{$count}=_blank&”;
$count++;
}
}
closedir($handle);
}
Comment by Nick — June 24, 2010 @ 2:49 pm
Hey I am using your image scroller and I was wondering if there is a way to have the images auto scroll after being moused over? Right now if I mouse over the image scroller it all it stops and does not restart, is there a way to have it not do this?
Comment by Dennis — July 27, 2010 @ 7:22 am
I have been messing with your program for a couple days now. I would like to implement it on my website where the current static pictures are shown now, right underneath the links at the top of my page.
I did a successful test on my localhost using a different template than im currently using on my site online. However, when i tried to put it up on my live site, i couldnt get it to work. The most i got was a blank white box there the flash should be displayed. I think maybe other script elements on the page may be interfering… can you take a look at my code and tell me what im doing wrong, or what doesnt look right?
Comment by dan — August 4, 2010 @ 12:42 pm