Image Scroller - based on iTunes

[testomat]

Yes, you are right. That works. What a different between three characters 

[Tranz]

Thanks for this really cool mod. Unfortunately, my thumbnails aren't compatible with the 120x120 setting.

Anyway, I have a couple of suggested code changes.

In flow.php, making $path take advantage of a $CONFIG variable would make things a little easier for people.

Code Select Expand

$path=$CONFIG['site_url'];

The query was not respecting private albums; private photos were showing up while not logged in. I got the code from the flash film strip and it worked fine:

Code Select Expand

if ($FORBIDDEN_SET != "") $FORBIDDEN_SET = "AND $FORBIDDEN_SET";
$result = mysql_query("SELECT * FROM {$CONFIG['TABLE_PICTURES']} AS p WHERE filename LIKE '%.jpg' $FORBIDDEN_SET ORDER BY RAND() LIMIT 20");


[rphMedia]

Thanks for this really cool mod. Unfortunately, my thumbnails aren't compatible with the 120x120 setting.

This attached zip does not scale to a specific size (not a fixed 120x120).

Anyway, I have a couple of suggested code changes.

In flow.php, making $path take advantage of a $CONFIG variable would make things a little easier for people.

Code Select Expand

$path=$CONFIG['site_url'];

The query was not respecting private albums; private photos were showing up while not logged in. I got the code from the flash film strip and it worked fine:

Code Select Expand

if ($FORBIDDEN_SET != "") $FORBIDDEN_SET = "AND $FORBIDDEN_SET";
$result = mysql_query("SELECT * FROM {$CONFIG['TABLE_PICTURES']} AS p WHERE filename LIKE '%.jpg' $FORBIDDEN_SET ORDER BY RAND() LIMIT 20");


Thanks for cleaning that up, didn't even realize the error there ! I updated the original attached.

The following attached file puts your thumbnails up at the size you intended. You could probably resize this app a little and get away with not skewing too much. If anyone needs something different, just ask and I'll see what I can do.

[Tranz]

Thanks for providing the new version so quickly!

I don't want to keep bugging you, but there were a couple of things that came up in the implementation. The theme I'm using is narrow, so I had to adjust the width accordingly. That resulted in the images in the scroller shrinking significantly enough so that it's really hard to see. I don't know if there could be a solution to that but just wanted to bring it up just in case.

Another thing is since I put the scroller on my blog and gallery, I needed to place the .swf file in both locations. Is it possible to enter an address for the file so that only one copy of the .swf is needed?

For those who want an includable version of flow.htm, create a file in the include folder called flow.inc.php:

Code Select Expand

<?php 

if (IN_COPPERMINE) {
$path=$CONFIG['site_url']; 
} else {
$path = 'http://GALLERY_URL/';
}
?>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="<?php echo $path; ?>flow/AC_RunActiveContent.js" language="javascript"></script>
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '750',
'height', '250',
'src', 'flow',
'FlashVars', 'xmlPath=<?php echo $path; ?>flow.php', <!--Absolute path to 'flow.php'-->
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'flow',
'bgcolor', '#000000',
'name', 'flow',
'menu', 'true',
'movie', 'flow',
'salign', ''
); //end AC code
}
</script>

Then use the include function to add the scroller on a gallery page.

When including the file in an external application, add this line before the inclusion line:

Code Select Expand

define('IN_COPPERMINE', false);


Edit GALLERY_URL accordingly.

[rphMedia]

I'll be back later. Whatever you envision, I can make it. One thing you should do is make it transparent (not the black background). Give me details and I'll see what I can do. You shouldn't need two swf's at all. I'll explain later.

[Tranz]

If I could have a transparent background, that would be really cool. I initially tried to make the color blend in with the Ocadia theme but then it wouldn't go well with the darker default theme. Is it possible for me do it myself? I tried removing bgcolor and giving it transparent attribute but it just made the bg black and green, respectively.

It might not matter much if a transparent background could be used, but is it possible for there not to be a lot of empty space on the top and bottom?

Thanks!

PS. I've modified the code to use different width and bgcolor based on theme, so you might not be able to observe the stuff I pointed out. Let me know if you need me to undo that change.

[chironex]

Is it possible to show the full Size of the Images in this ImageScroller?

Thx for your Answer.

kriss.

[rphMedia]

Is it possible to show the full Size of the Images in this ImageScroller?

Define full Size.

TranzNDance - You can point the Flashscript to one flow.swf using a relative path in the 'movie' parameter.

Instead of:

Code Select Expand

'movie', 'flow',
use:

Code Select Expand

'movie', '../blog/flow',

Conversely, to make the background transparent, change:

Code Select Expand

'wmode', 'window',
to:

Code Select Expand

'wmode', 'transparent',

Also, instead of using the fixed pixels of 630, 800, etc, use 100% inside the table. This way it should be universal with [most] themes.

I decreased the height in the attached file to 175px. You don't want to decrease that too much as you'll lose some of the reflection effect. See if that works for you.

You mention in your blog that this didn't work w/IE. It should work in both browsers exactly the same. What anomaly did you notice?

[chironex]

800px would be fine....

[jacob0719]

I just downloaded the new flow.swf with the size of 175px.  What a difference!  This version handles Portrait / Landscape much better than the original.  The thumbs also come across much clearer.  It really looks great!  Thanks again for your work!

Jacob Parks
www.fireflyphotosllc.com

[Tranz]

You mention in your blog that this didn't work w/IE. It should work in both browsers exactly the same. What anomaly did you notice?

It worked fine in IE, as is apparent in my gallery. It's just that it somehow messed up the layout in my blog, and pushed the sidebar to the bottom. I have since figured out what the issue is and now it shows in IE but with a smaller width thanks to some conditional coding. It was IE being lame, nothing to do with the image scroller itself. It was a good lesson to learn for future additions to the blog.

You've addressed all my wishes. Things look and work the way I want. Thank you SO much!

[Tranz]

Is it possible to have a placeholder Loading thing? Sometimes, it takes a while for the scroller to load and there's a big empty space there. Thanks!

[Tranz]

This is not a big deal but adding

Code Select Expand

type="text/javascript" inside the javascript tag will help toward validation.

[rphMedia]

Is it possible to have a placeholder Loading thing? Sometimes, it takes a while for the scroller to load and there's a big empty space there. Thanks!

Not a bad idea, just don't have time right now. It shouldn't really take that long to load [n] thumbnails, I guess unless you try to load hundreds

type="text/javascript"

inside the javascript tag will help toward validation.

That's actually an Adobe (former Macromedia) JavaScript that is internally implemented in their Flash software. I've noticed that before as well.

[Tranz]

Oh, oops. I have it set to grab 100 images. 

[ShadowHarlequin]

this is awesome i finally got it working and its just what i wanted however
*is there any possibility you can add the image title underneath or above it in the flash scroller?
*would it be possible to have a small mod made for it, so that if a user double clicks on the image, they can be taken to a webpage defined in that images description? (ie the description would ONLY contain "http://urltogoto.com"

thanks for an awesome free mod though

[tim18]

Hey

Thanks for this great mod. Quick question, i tried this but all it loaded was orange squares in place of the images. I then went to flow.php directly and found that it is also not displaying the images. However then i looked at the source code and found the URL's of the images are in fact correct. Is this because my thumbnails are not 120x120.

Thanks tim

[severeidaho]

Ive played with the files a bit.  Seems to have a problem someone else had.  Cant seem to figure it out.

http://www.severeidaho.com/latest/flow.htm

As you can see, No Images load. 

My Gallery is at

http://www.severeidaho.com/gallery/

and Im trying to use the script with

http://www.severeidaho.com/latest/

All files are originally named so feel free to browse to them to see my settings. 

Hopefully this isnt a wordpress issue like I had with the image scroller....

-gerrit

-using the latest cpg 1.4.10

[Hein Traag]

-using the latest cpg 1.4.10

[whisper] It's actually 1.4.12. Upgrade asap [/whisper]

[optigan]

Hey, aweome work! 
Worked flawlessly!

Just wondered: Do you think this could be tweaked to replace the filmstrip and allow people to scroll the current album pictures?

Thanks