banner rotator with text

21 posts by 3 authors in: Forums > CMS Builder
Last Post: January 21, 2010   (RSS)

By drewh01 - January 13, 2010

On the link below I have a flash based banner image rotator ( http://www.longtailvideo.com/players/jw-image-rotator ) that pulls the images from a CMS upload field:

http://chambermusicsedona.com/index.php

What I need to figure out is how to get a text area (name and concert date) that displays with each image that rotates. I will also have this data pull from the upload Details for each image upload. I envision that when the image appears the name of the concert with the concert date will appear with the rotating image.

I am trying to avoid adding this text via Photoshop.

Does anyone have any suggestions or know of a function that will do this? I am also willing to use a Javascript based solution as well if Flash is not able to work.

Re: [drewh01] banner rotator with text

By Chris - January 13, 2010 - edited: January 13, 2010

Hi drewh01,

Can you please attach the full PHP source code for http://chambermusicsedona.com/flash.xml.php?
All the best,
Chris

Re: [drewh01] banner rotator with text

I am currently working on a church website design and am using an XML based Flash slideshow I found on Active Den. It has a feature which allows animated text to be added to each photo. I am pretty impressed so far and have contacted the developer and he has been very responsive to my questions. I have already set it up using CMSB and I am fine tuning it now. I had actually hoped to get it perfected and put together a tutorial for this forum - time permitting.

You might want to check it out. It is $12.00 and in my opinion worth it for the dynamic text feature available.

http://activeden.net/item/banner-slideshow-with-smooth-text-animation/46008

Hope this helps.

Kevin

Re: [kevbarker] banner rotator with text

By Chris - January 13, 2010

Wow, Kevin! Those text overlays look gorgeous!
All the best,
Chris

Re: [chris] banner rotator with text

By drewh01 - January 13, 2010

<?php header('Content-type: application/xml; charset=utf-8'); ?><?php echo '<?xml version="1.0" encoding="UTF-8"?>'; ?>
<?php

require_once "/home/chamberm/public_html/cmsAdmin/lib/viewer_functions.php";

list($home_pageRecords, $home_pageMetaData) = getRecords(array(
'tableName' => 'home_page',
'limit' => '1',
));
$home_pageRecord = @$home_pageRecords[0]; // get first record

// show error message if no matching record is found
if (!$home_pageRecord) {
header("HTTP/1.0 404 Not Found");
print "Record not found!";
exit;
}

?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

<?php foreach ($home_pageRecord['flash_images'] as $upload): ?>
<track>
<location>http://216.22.60.63/cmsAdmin/uploads/<?php echo $upload['filename'] ?></location>
</track>
<?php endforeach ?>


</trackList>
</playlist>

Re: [kevbarker] banner rotator with text

By drewh01 - January 13, 2010

wow, I think that the active den script is the way to go. I would love to learn how to integrate it into my CMS.

Re: [kevbarker] banner rotator with text

By drewh01 - January 14, 2010 - edited: January 14, 2010

ok, purchased. I think I may need a few tips on where to start as I am blanking a bit.

I tried to set up the new xml.php file but cannot get it to load. Do I need to modify the SWF file (fla)?

Here is my XML output file:

http://chambermusicsedona.com/banner_asset/data.xml.php (view source)



<?php echo '<?xml version="1.0" encoding="UTF-8"?>'; ?>
<?php

require_once "/home/chamberm/public_html/cmsAdmin/lib/viewer_functions.php";

list($home_pageRecords, $home_pageMetaData) = getRecords(array(
'tableName' => 'home_page',
'limit' => '1',
));
$home_pageRecord = @$home_pageRecords[0]; // get first record

// show error message if no matching record is found
if (!$home_pageRecord) {
header("HTTP/1.0 404 Not Found");
print "Record not found!";
exit;
}

?>





<main

stageWidth="607"
stageHeight="282"
stageBgColor=""
stageBgTransparency=""

imageWidth="607"
imageHeight="282"
imageTransitionType="auto"
imageResize="none"
imageAlign="TL"
imageRandomDisplay="no"
imageAutoPlay="yes"

thumbnails="no"
thumbnailWidth="0"
thumbnailHeight="0"
thumbnailToThumbnailSpacing="3"
thumbnailsArrangeHorizontal="yes"
thumbnailsAutoHide="yes"
thumbnailsMaskSize="0"
thumbnailsScrollSpeed="95"
thumbnailsAlign="BR"
thumbnailsLeftSpace="0"
thumbnailsRightSpace="90"
thumbnailsTopSpace="0"
thumbnailsBottomSpace="7"

textEmbedFont="yes"
textShadowTransparency="70"
textShadowDistance="2"

buttonAutoHide="yes"
buttonBgColor="ffffff"
buttonIconColor="000000"
buttonAutoPosition="yes"

>
<?php foreach ($home_pageRecord['flash_images'] as $upload): ?>


<slide
image="http://chambermusicsedona.com/cmsAdmin/uploads/<?php echo $upload['filename'] ?>"
thumbnailText="1"
textTransitionType="2"
textWidth=""
textAlign="BL"
textLeftSpace="45"
textRightSpace="0"
textTopSpace=""
textBottomSpace="30"
slideShowDelay="4"
url="" target="_blank">
<text font="2" leftMargin="" ><b><font size="25" ><?php echo $upload['info1'] ?></font></b></text>
<text font="1" leftMargin="" ><font size="20" color="#CFFAFC" ><?php echo $upload['info2'] ?></text>

</slide>

<?php endforeach ?>




</main>

Re: [drewh01] banner rotator with text

By Chris - January 14, 2010 - edited: January 14, 2010

Hi drewh01,

You shouldn't need to modify the SWF. It looks like the SWF figures out where to load the XML file from via an HTML tag:

<PARAM NAME="flashvars" VALUE="dataPath=banner_asset/data.xml">

It's probably only a matter of changing that to "dataPath=/banner_asset/data.xml.php".

Does that help? Please let me know how it goes. :)
All the best,
Chris

Re: [chris] banner rotator with text

By drewh01 - January 14, 2010

Where did you locate this piece of code?

<PARAM NAME="flashvars" VALUE="dataPath=banner_asset/data.xml">