Image Scroller - based on iTunes

lluisitu · October 30, 2007, 11:00:17 AM

Hi,

I'm trying this mod, really nice, but I have a problem with Firefox 2.0.0.8.
I'm not a developer so i really don't know why is happening this...

I'm trying to put the mod in the header but in the firefox appears like a grey box, but instead using it with anycontent, down of page, appears corretly!??!

http://www.frozensights.com/coppermine/index.php

Related part of code in template.htm is this.

Code Select

</head>
<body>
  {CUSTOM_HEADER}
<!table width="760" border="0" align="center" cellpadding="0" cellspacing="0" style="background-image:url(themes/tentacle/images/navbar_01_new.jpg);">
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
	<td>
		<!img src="themes/tentacle/images/spacer_w.gif" width="1" height="150" alt="" />
				
		<tr align="left">	

		  <h1>{GAL_NAME}</h1>
          <h4>{GAL_DESCRIPTION}</h4>
		  {LOGIN_FORM}
		</tr>
	</td>
</table>	
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
	<td>
		<tr>
			<div id="MENUS">
			  <div id="SUB_MENU">
			    {SUB_MENU}
			  </div>
			  <div id="SYS_MENU">
			    {SYS_MENU}
			  </div>
			</div>
        </tr>    
	</td>
	<td>
		<tr>
        <br />{ADMIN_MENU}
        </tr> 
 		<tr>
<div align="center">
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
					
			<object id="flow" width="760" height="150" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" name="flow" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
			<param value="flow.swf" name="movie"/>
			<param value="xmlPath=http://www.frozensights.com/coppermine/flow.php" name="FlashVars"/>
			<param value="high" name="quality"/>
			<param value="true" name="play"/>
			<param value="true" name="loop"/>
			<param value="showall" name="scale"/>
			<param value="window" name="wmode"/>
			<param value="false" name="devicefont"/>
			<param value="#000000" name="bgcolor"/>
			<param value="true" name="menu"/>
			<param value="" name="salign"/>
			<embed id="flow" width="760" height="150" align="middle" type="application/x-shockwave-flash" salign="" menu="true" name="flow" bgcolor="#999999" devicefont="false" wmode="window" scale="showall" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" flashvars="xmlPath=http://nikongear.com/alb/flow.php" src="flow.swf"/>
			</object>
		
			</div>

		</tr>

  
	</td>
</table>

Any idea why is this happening?? As well as is working correctly in IE.

Thanks in advance

Tranz · October 30, 2007, 03:30:57 PM

When I visit the page, there's an error that a the AC_RunActiveContent.js file is required. Make sure everything is uploaded properly.

lluisitu · October 30, 2007, 03:36:35 PM

Sorry, I've made a change in domain and i was updating paths in flow.php and other.

Now it's working, and again, I can see it in IE but not in the header in Firebox, really strange!

Thanks

rphMedia · November 01, 2007, 01:47:03 PM

Quote from: lluisitu on October 30, 2007, 03:36:35 PM
Sorry, I've made a change in domain and i was updating paths in flow.php and other.

Now it's working, and again, I can see it in IE but not in the header in Firebox, really strange!

Thanks

You have some .htaccess redirect/url masking issues to start with.

Are the flow.* files at the root or in a coppermine folder or....?

http://www.frozensights.com/coppermine/index.php - this excludes your theme

These are the same addresses:
http://www.frozensights.com
http://www.frozensights.com/coppermine

And you still need the 'AC_RunActiveContent.js' file uploaded.

lluisitu · November 01, 2007, 02:03:18 PM

hi,

all files, flow.* and 'AC_RunActiveContent.js' are in root coppermine dir.

Regarding .htaccess i really don't know what's the problem.

When I run explorer the scroll is visible and got this warning:

Code 0
AC_FL_RunContent not defined

but the scroll is displayed.

With firefox it just appear a grey box and got similar error:

index.php line 11
AC_FL_RunContent is not defined

But instead, if I also put the scroll in anycontent, not just in header, in firefox the scroll of anycontent is displayed properly at bottom of page but the header one not?!?!

rphMedia · November 01, 2007, 02:09:58 PM

You have the Flash script in the <head> tags, should be below the <body> tag.

lluisitu · November 01, 2007, 02:15:14 PM

Yeah,you're right. Ssorry for bother you, and it was more I had duplicated instance for script and second one wasn't working.
Just removed and now is working properly.

Thanks for your suport.

Fabrian · November 04, 2007, 01:43:39 AM

Sorry for asking, but could someone explain a little bit more in detail about how to get this mod functional?

mentalist3d · November 08, 2007, 08:24:17 PM

excellent looking script, I'll be trying this straight away :-) many thanks

mentalist3d · November 08, 2007, 08:59:24 PM

Quote from: rphMedia on June 23, 2007, 01:42:49 PM
Try it with the www - http://www.bilderbluete.de/e107_plugins/cpg149/index.php

The link you provided doesn't include it. You need to be consistent throughout the code.

I tried this script and it's ace, I had the same problem displaying images by not including the www, fixed it and it works fine. Just one thing though, the script displays the images when I go to www.art.concepts.org.uk but when I go to http://art.concepts.org.uk no images show, is there anyway to modify the script so that the images will display through both versions of the domain.

thanks again for such a good script, I highly recommend this for other users :-)

rphMedia · November 08, 2007, 09:26:02 PM

Take a look at Reply #75.

I edited it for clarity.

Rinaldo · November 08, 2007, 11:02:20 PM

rphMedia : thanks for this superb piece of script !

But as allways some questions:
1) Would it be possible to resize the "whole thing" as it is now is pretty big in my site.
2) would it possible to attach a link when mouse over ? For example when people click on it, they are forwarded to the Photo Album ? ( _blank)
3) Is it possible to get hold of the .FLA file, as for i like to add a header text and maybe a logo in the scroller ?

Thanks !

Rinaldo

mentalist3d · November 09, 2007, 11:27:08 AM

Quote from: rphMedia on November 08, 2007, 09:26:02 PM
Take a look at Reply #75.

I edited it for clarity.

Thanks very much, that worked a charm :-) Thanks again

rphMedia · November 09, 2007, 12:19:27 PM

Quote from: Rinaldo on November 08, 2007, 11:02:20 PM
rphMedia : thanks for this superb piece of script !

But as allways some questions:
1) Would it be possible to resize the "whole thing" as it is now is pretty big in my site.
2) would it possible to attach a link when mouse over ? For example when people click on it, they are forwarded to the Photo Album ? ( _blank)
3) Is it possible to get hold of the .FLA file, as for i like to add a header text and maybe a logo in the scroller ?

Thanks !

Rinaldo

Persistent, huh?

1. You can resize it yourself with the dimension parameters. Depending on the size of your images, distortion may occur. As far as custom size of the swf, link? (How can you possibly need it any smaller?)

2. This is possible, but would require an extreme customized script or swf. When I modify anything, it usually helps others as well... this would not.

3. No. I DO have permission to distribute the swf file any way I see fit, but I don't have rights to the fla sorry.

alexf · November 12, 2007, 07:08:44 AM

Magnificent script! Thanks!

But two features are very necessary:

1. Posibility to click a image and get redirect to the selected imagepage for details. Or generate javascript event when user click a image.

2. At the end of the moving, after the 20 random pics, the first image comes again immediately, without scrolling back.

Fabrian · November 13, 2007, 01:31:21 AM

I finally got this mod to work without much trouble. It appears I overlooked some chmod's during my initial attempt which was causing complete failure.

I can see everything just fine on the box I did the work on, but cannot on two other machines. I think the two others are due to restrictions as they are company PC's. Could someone report back and let me know if you see the scroller?

http://frozen-motion.com

I have one other question. I'm trying to shrink down the padding above and below the images a bit. The default size looks OK image-wise, but takes up too much real estate. When I adjust the size to be a bit shorter vertically, the images are too small. Is there a solution for what I'm looking for?

Thanks

Fabrian · November 13, 2007, 02:35:42 AM

Quote from: Fabrian on November 13, 2007, 01:31:21 AM
I finally got this mod to work without much trouble. It appears I overlooked some chmod's during my initial attempt which was causing complete failure.

I can see everything just fine on the box I did the work on, but cannot on two other machines. I think the two others are due to restrictions as they are company PC's. Could someone report back and let me know if you see the scroller?

http://frozen-motion.com

I have one other question. I'm trying to shrink down the padding above and below the images a bit. The default size looks OK image-wise, but takes up too much real estate. When I adjust the size to be a bit shorter vertically, the images are too small. Is there a solution for what I'm looking for?

Thanks

Alright, I figured out my problems. I did in fact have the "www" issue so htaccess did the trick. I guess my only question left is can the OP modify the .swf so there is not spacing at the top? In other words, the little space that is between the top of the images at the .swf is wasting space that I could be using.

Thanks again for this great mod!

rphMedia · November 13, 2007, 12:30:51 PM

Quote from: Fabrian on November 13, 2007, 02:35:42 AM
Alright, I figured out my problems. I did in fact have the "www" issue so htaccess did the trick. I guess my only question left is can the OP modify the .swf so there is not spacing at the top? In other words, the little space that is between the top of the images at the .swf is wasting space that I could be using.

Thanks again for this great mod!

Try this Reply #22 - it scales your images so you can adjust your thumbnails to fit.

freeedy · November 15, 2007, 05:58:07 AM

Hi guys I have a really weird problem. I used this mod a time ago and recently I change of host and re-install the coppermine gallery. So I mainly copy the same script and files to the same folders but know the mod doesnt work, the squares for images appear in red.. My site is www.lacuadra-st.com (where the flow is). My gallery is in www.lacuadra-st.com/galeria. I have the codes fof calling the swf in my index.php, which is in the main directory with the AC and the swf. The flow.php is in the galera folder. The swf, AC and php are left as they originally were.

This is the complete script of my index.php

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/La Cuadra-St.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>La Cuadra St.</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
	background-color: #000000;
}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style2 {color: #FFFFFF}
.style3 {
	font-family: Calibri;
	font-size: 10px;
}
.style4 {color: #FFFFFF; font-family: Calibri; }
.style6 {color: #FFFFFF; font-family: Calibri; font-weight: bold; }
.style13 {font-size: 30px; color: #FFFFFF; font-family: Calibri; font-weight: bold; }
.style14 {font-family: "Lithe Extrabold"}
.style15 {font-size: 30px; color: #FFFFFF; font-family: "Lithe Extrabold"; font-weight: bold; }
.style18 {color: #FFFFFF; font-family: "Lithe Extrabold"; }
.style19 {color: #FFFFFF; font-family: "Lithe Extrabold"; font-weight: bold; }
.style20 {color: #FFFFFF; font-size: 10px; }
.style23 {font-size: 10px}
-->
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<div align="center">
  <h5><img src="logo.png" width="81%" />
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="63%" height="6%">
      <param name="movie" value="menu.swf" />
      <param name="quality" value="high" />
      <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="63%" height="6%"></embed>
    </object>
  </h5>
</div>
<p>&nbsp;</p>
<!-- InstanceBeginEditable name="EditRegion1" -->
<table width="80%" border="0" align="center">
  <tr>
    <td>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Flash Script</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<BODY bgcolor="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0" scroll="auto">
<div align="center">
<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=http://www.lacuadra-st.com/galeria/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>
</div></td>
  </tr>
</table>
<table width="100%">
  <tr>
    <td width="18%" align="center" valign="middle" bordercolor="#000033" bgcolor="#0000CC"><div align="center" class="style15">GALER&Iacute;A</div></td>
    <td width="5%" rowspan="11">&nbsp;</td>
    <td width="75%" align="center" valign="middle" bordercolor="#FF9966" bgcolor="#0000CC" class="style13 style14">
    <a name="1" id="1"></a><span class="style14">GUESTBOOK</span></td>
    <td rowspan="11">&nbsp;</td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" valign="middle" bordercolor="#000033" bgcolor="#000033"><p class="style2 style3 style23">VIEJOS!!!</p>
      <p class="style2 style3"> 
        <?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$objCpm->cpm_formatStats("Hay %f archivos en %c categoria que incluyen a %a albums, han sido vistos %v veces y solo he obtenido %n PINCHES COMENTARIOS");
$objCpm->cpm_close(); 
?>
      </p>
    <p class="style2 style3">QUE CHINGADOS PASA!!!!</p>    </td>
    <td width="75%" rowspan="9" valign="top" bordercolor="#FF9966" bgcolor="#000033"><?php include('/home/freeedy/public_html/gb/gbinclude.php'); ?></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" bgcolor="#FF6600"><div align="center" class="style6">
      <div align="left" class="style18">Las Nuevas </div>
    </div></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" bgcolor="#000033"><div align="center" class="style20 style3"><?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$options = array( "imagewidth" => '100');
$objCpm->cpm_listMediaAddedOverLastDays(5,$options);
$objCpm->cpm_close(); 
?></div>
      <p align="center" class="style4 style2 style3 style23"><?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$options = array( "imagewidth" => '100');
$objCpm->cpm_viewLastAddedMedia(2,2,$options);
$objCpm->cpm_close(); 
?></p>    </td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" bgcolor="#FF6600"><div align="center" class="style6">
      <div align="left" class="style18">Las Mejores </div>
    </div></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" align="center" valign="middle" bgcolor="#000033"><div align="center"><span class="style4">
      <?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$options = array( "imagewidth" => '100');
$objCpm->cpm_viewRandomTopRatedMediaFrom("owner=freeedy",2,2,$options);
$objCpm->cpm_close(); 
?>
    </span></div></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" bgcolor="#FF6600"><div align="left"><span class="style19">Las M&aacute;s Vistas </span></div></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" align="center" valign="middle" bgcolor="#000033"><div align="center"><span class="style4">
      <?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$options = array( "imagewidth" => '100');
$objCpm->cpm_viewRandomMostViewedMediaFrom("owner=freeedy",2,2,$options);
$objCpm->cpm_close(); 
?>
    </span></div></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" bgcolor="#FF6600"><span class="style19">&Uacute;ltimos Comentarios </span></td>
  </tr>
  <tr bordercolor="#000033">
    <td width="18%" align="center" valign="middle" bgcolor="#000033"><div align="center"><span class="style4">
      <?php 
include_once "./galeria/cpmfetch/cpmfetch.php";
$objCpm = new cpm('./galeria/cpmfetch/cpmfetch_config.php');
$options = array( "imagewidth" => '100');
$objCpm->cpm_viewLastCommentedImages(2,2,$options);
$objCpm->cpm_close(); 
?>
    </span></div></td>
  </tr>
  <tr>
    <td></td>
    <td width="70%" valign="top" bordercolor="#FF9966" bgcolor="#666666"></td>
  </tr>
</table>
<p></p>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>

Carlos5039 · November 17, 2007, 03:25:17 AM

Is there a way to make the Backgound Transparent? When used in Multiple themes sometimes the colors do not match.

coppermine-gallery.com/forum

News:

Image Scroller - based on iTunes

lluisitu

Tranz

lluisitu

rphMedia

lluisitu

rphMedia

lluisitu

Fabrian

mentalist3d

mentalist3d

rphMedia

Rinaldo

mentalist3d

rphMedia

alexf

Fabrian

Fabrian

rphMedia

freeedy

Carlos5039