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! :-)
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
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
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
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
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
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
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!
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
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.
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
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/)
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.
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
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!
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
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.
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
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.
Is the fla available for download? It should be if this is GPL … right?
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
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 ?
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
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.
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
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
Guillaume,
I see your point, you need an Ajaxified version.
Dieter
To answer my own question under 122: you can pass GET parameters to the php-script. Something like
so.addVariable(“sourceFile”, “myscroll.php?);
Dieter
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…
hmmm… that last post didn’t quite work! Sorry.
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
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?
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?
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?
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.
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?
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?
@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 [email protected]
@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
[email protected]
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?
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.
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 ;)
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.
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….
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!
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.
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.
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
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.
Hey all my php code has been trimed from the post!!!
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.
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?