Help - xml driven photo gallery

Hello,
I have a very simple ajax page. There is a dropdown from
which the user selects the gallery and then there is an xml file
that send back the xml full of pictures for that gallery. The
problem is that on changing the gallery in the dropdown, sometimes
it works and then it doesnt. More like it works the first time (so
new pictures load up fine) and then it doesnt. I cant figure out
for the life of me why this wont work right. I have tried looking
at the xml, it is running fine, takes a url parameter as the
galleryid and generates the xml. The alert in the get_pictures
alwys pops up but the loadData seems like not working. Been looking
over this code for hours now. Here is the relevant code:
<script type="text/javascript">
var dsPhotos = new
Spry.Data.XMLDataSet("test_getpics_xml.cfm?galleryid=<cfoutput>#galleryid#</cfoutput>",
"photos/photo");
//var dsPhotos = new
Spry.Data.XMLDataSet("test_getpics_xml.xml?galleryid=<cfoutput>#galleryid#</cfoutput>",
"photos/photo");
//var dsPhotos_page = new
Spry.Data.PagedView(dsPhotos,{pageSize: 20});
//var dsPhotos_page_info = dsPhotos_page.getPagingInfo();
function get_pictures(galleryid)
urltext='test_getpics_xml.xml?galleryid='+galleryid
alert(urltext)
dsPhotos.setURL(urltext)
dsPhotos.loadData()
</script>
<table>
<tr>
<td>Galleries:
<select name="galleryid"
onChange="get_pictures(this.value)">
<cfoutput query="qry_galleries">
<option
value="#galleryid#">#galleryname#</option>
</cfoutput>
</select>
</td>
</tr>
</table>
<div spry:region="dsPhotos">
<div spry:repeat="dsPhotos"> <a href="##"
onclick="alert('hey')"><img width="100" height="100"
src="{@picture}" /></a>
<p><br />
</p>
</div>
</div>
I have Firebug plugin installed on my Firebox and there is no
error on it. Any help will be appreciated. Thanks a lot.

Hi vansh110,
It's really hard to diagnose the problem without actually
seeing your example in action. If you can't give us an URL to look
at, then the best we can do is suggest some debugging tips.
Try adding an observer to your data set that prints the
notifications:
dsPhotos.addObserver(function(notificationType, notifier,
data)
Spry.Debug.trace(notificationType);
if (notificationType == "onPostLoad")
Spry.Debug.trace("<pre>" +
Spry.Utils.encodeEntities(dsPhotos.getData().toSource()) +
"</pre>");
That way you can watch what states the data set is going
through. The trace statement will only work in FireFox due to the
use of toSource(), but it will show you what the final data set
looks like after the data is loaded and flattened into a table.
Next, you can turn on region debugging:
Spry.Data.Region.debug = true;
That should show you the markup that is being generated after
data is loaded.
--== Kin ==--

Similar Messages

XML Driven Photo Gallery (Action Script Help)

Hi,
I need to make a XML Driven Photo slide in Flash CS5.
It needs to have a Box that contains 5 Thumbnails(by XML) act as buttons.
The Box sits on top of the Main photo area and shrinks (or close out) when user click its close button. And it opens out by clicking on a open button.
I'm sure it can be done by using timeline, Tweening or you name it..But what about the Thumbnails that run from the XML file?
Can they disappear with the Box and retrieve when it opens? is it possible?
If yes, what would be the best way to do that?
Any comment would be greatly appreciated!
Here is the ActionScript.
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import fl.controls.Button;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.text.TextField;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.Shader;
var hasloaded:Boolean = false;
var firstLoaded:Boolean = false;
var barWidth:int;
var barHeight:int;
var images;
var imageCount:int;
var thumbnailArray:Array = new Array();
var bigImageArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlLoader:URLLoader = new URLLoader();
var imageXML:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("slideshow.xml"));
function LoadXML(e:Event):void {
     imageXML = new XML(e.target.data);
     ParseImages(imageXML);
Populates the arrays with the image values
and the text for each picture.
function ParseImages(imageInput:XML):void {
     var iconList:XMLList = imageInput.image.icon;
     var mainImageList:XMLList = imageInput.image.mainimage;
     var descriptionList:XMLList = imageInput.image.description;
     for (var i:int = 0; i < iconList.length(); i++) {
         var imageElement:XML = iconList[i];
         //trace(imageElement);
         thumbnailArray[i] = imageElement;
     for (var j:int = 0; j < mainImageList.length(); j++) {
         var mainimageElement:XML = mainImageList[j];
         //trace(mainimageElement);
         bigImageArray[j] = mainimageElement;
     for (var l:int = 0; l < descriptionList.length(); l++) {
         var descriptionElement:XML = descriptionList[l];
         //trace(descriptionElement);
         descriptionArray[l] = descriptionElement;
     loadImages();
function loadImages():void{
     trace("inside of loadimages function.");
     trace(thumbnailArray.length);
     for(var i:int=0; i < thumbnailArray.length; i++){
         trace(thumbnailArray[i]);
         populateContainers(thumbnailArray[i], i);
         //populateContainers2();
         trace("Loaded " + thumbnailArray[i]);
var loader:Loader;
var xStart = -210;
var ypos = -34;
var currentPos = xStart;
var incrementValue = 66;
This takes in the name of the image file and
displays it within the newly created movie clip
function populateContainers(file:String, pos:int):void{
     //create a movie clip to hold the image
     var mc:MovieClip = new MovieClip();
     mc.graphics.beginFill(0xFFFFFF);
     mc.graphics.drawRect(0, 0, 50, 51);
     mc.graphics.endFill();
     mc.buttonMode = true;
     mc.x = currentPos;
     mc.y = ypos;
     mc.name = "thumb_" + pos;
     mc.addEventListener(MouseEvent.CLICK, clickHandler);
     loader = new Loader();
     //loader.mask = imagemask;
    var url:URLRequest = new URLRequest(file);
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadInitialImage);
     loader.load(url);
     //add the image to the movie clip
     mc.addChild(loader);
     this.imageBar.addChild(mc);
     //increment the currentPos
     currentPos += incrementValue;
function clickHandler(e:MouseEvent):void{
     var str:String = e.currentTarget.name;
     var index:int = int(str.substr(6,1));
     if(hasloaded) {
         this.mainWindow.removeChild(loader);
     loader = new Loader();
     loader.load(new URLRequest(bigImageArray[index]));
     this.mainWindow.addChild(loader);
     TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeOut});
     //setChildIndex(loader, 0);
     hasloaded = true;
     loadText(index);
function loadText(index:int):void {
     Object(this).imageBar.txtdescription.text = descriptionArray[index];
function loadInitialImage(event:Event):void {
     if(!firstLoaded) {
         loader = new Loader();
         loader.load(new URLRequest(bigImageArray[0]));
         this.mainWindow.addChild(loader);
         TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeIn});
         //setChildIndex(loader, 0);
         hasloaded = true;
         loadText(0);
     firstLoaded = true;
/* This section defines the buttons that control the image bar */
Object(this).imageBar.btnBarOpen.addEventListener(MouseEvent.MOUSE_UP, openImageBar);
function openImageBar(event:MouseEvent):void {
     this.gotoAndPlay(1);

Well Thats what i know but you might be able to use flash player 10 in your browser i think the file system works on it fine im not sure i mostly work on air glad i could help
James

Help with AS2 - photo gallery

Hi All
would someone beable to help me with some code, I downloaded a photo gallery example, at the moment the movie plays the photos when you click a button(timer)
What I'm trying to do is to get the movie to auto play the photos on load rather than having to click the button. I have been lookin in the scrip, I think its something to do with
// initialize values
currentIndex = 0;
but when I change this value to 1, not much happens, would some be able to have a look within the code and see where I can change it so that the movie runs the images automatcally on load.
I have pasted the code below, hope this is ok?
many thanks for anyones help!
CODE:
// (c) Copyright by Andrew DiFiore. All rights reserved. DO NOT REMOVE.
fscommand("allowscale", "false");
Stage.scaleMode = "noScale";
targetPhoto._visible = false;
slides_xml = new XML();
slides_xml.onLoad = loadSlideShow;
slides_xml.load("album.xml");
slides_xml.ignoreWhite = true;
function loadSlideShow(success) {
if (success == true) {
rootNode = slides_xml.firstChild;
totalSlides = rootNode.childNodes.length;
currentSlideNode = rootNode.firstChild;
photos = new Array(totalSlides);
thumbs = new Array(totalSlides);
captions = new Array(totalSlides);
tx = 0;
for (i=0; i < totalSlides; i++) { // populate arrays and create thumbnails dynamically
   photos[i] = currentSlideNode.attributes.jpegURL;
   thumbs[i] = [currentSlideNode.attributes.jpegWidth,currentSlideNode.attributes.jpegHeight];
   captions[i] = currentSlideNode.firstChild.nodeValue;
   _root.attachMovie("thumb","thumb"+i,i);
   _root["thumb"+i]._x = tx;
   _root["thumb"+i]._y = 595; // using fixed Y coord
   _root["thumb"+i].tindex = i;
   tx += 22;
   currentSlideNode = currentSlideNode.nextSibling;
// initialize values                      <<<<<<<<<<<<<<<<<<<<<<<IS IT HERE?????
currentIndex = 0;
targetWidth=thumbs[currentIndex][0]; // get width
targetHeight=thumbs[currentIndex][1]; // get height;
updateSlide();
function updateSlide() { // load photo, update caption and status fields
targetPhoto.loadPhoto(photos[currentIndex]);
caption = captions[currentIndex];
statusField = (currentIndex+1) + "/" + totalSlides;
function slideShow() {
if (currentIndex == totalSlides-1) { currentIndex = 0; } else { currentIndex++; }
targetPhoto._visible = false;
targetWidth=thumbs[currentIndex][0]; // get width
targetHeight=thumbs[currentIndex][1]; // get height;
updateSlide();
MovieClip.prototype.loadPhoto = function(fn) { // load external jpeg method + preloader
this.createEmptyMovieClip("holder", 1);
this.holder.loadMovie(fn);
this.onEnterFrame = function() { // NOTE: could use this to display percentage to user
if (Math.floor((this.holder.getBytesLoaded()/this.holder.getBytesTotal())*100) >= 100) {
   delete this.onEnterFrame;

something like this...not quite working
function updateSlide() { // load photo, update caption and status fields
setTimeout(targetPhoto.loadPhoto(photos[currentIndex], 2000);
caption = captions[currentIndex];
statusField = (currentIndex+1) + "/" + totalSlides;

XML Thumbnail Photo gallery

Hi, I'm almost done with this Photo Gallery project but I
have one final issue with the photo gallery. I created a
multidimensional array to group image paths from the XML file in
sets of 9. When the array is called the images appear in the right
order, but when the images are rendered in their respective movie
clips dynamically they appear in reverse order. Why would this be
happening? I don't want to use the array.reverse() method because
it would complicate my code unnecessarily when I add forward and
back buttons to navigate throught the different sets. Any help
would be greatly appreciated.
Thanks!

From the help docs:
The MovieClipLoader.onLoadInit handler is invoked after the
actions in the first frame of the clip have executed, so you can
begin manipulating the loaded clip.
The problem is the way the onLoadInit function fires. Since
it doesn't fire until after the onLoadComplete method, you have a
call stack of 9 onLoadInits waiting to fire. Since it uses a stack
structure, your data is handled in a first-in-last-out format,
hence, the first image in is the last image out.
You can fix the behaviour by changing onLoadInit to
onLoadStart.
Cheers,
FlashTastic

Help putting a photo gallery in Dreamweaver CS5.5

Hi,
I'm new to web design and have been learning to use DW CS5.5. My goal is to design a website for my small, online antiques business with a photo gallery in it.
The Adobe Extension site lists several photo gallery options, but none for CS5.5. Does anyone have any ideas on how I can easily, or fairly easily add a simple photo gallery to my new site? By simple, I mean thumbnails linking to a page with a larger photo and descriptive text, nothing else. I really want to keep it simple.
Is my only choice to build it myself from scratch?
Any help you can give will be most appreciated.
Terry3Mc

hello Terry,
There is a website called www.templatesold.com you have to pay.. but i have a login
there are a lot of templates of photo gallerys.
email-me [email protected]
Leonardo Hermoso
bovespa

Help needed for photo gallery

Hi,
I downloaded a applet for a rotating flash photo gallery.
However, I can't see any instructions for how to modify the
actionscript...There are a few comments, but they dont seem to be
sufficient.
Here is the script a part of the gallery:
// prototype function for fixing the scaling and position of
images
movieclip.prototype.do_me = function () {
var w = 540;
var h = 400;
var k = this._width / this._height;
if (k > 1.35) {
this._width = 540;
this._yscale = this._xscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
} else {
this._height = 400;
this._xscale = this._yscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
var ap="{parameterstorage}";
var ts="{timestamp}";
var panel=parseInt("{panel}",10);
var radius=parseInt("{radius}",10);
var ysens=parseInt("{ysens}",10);
var xsens=parseInt("{xsens}",10);
var mousespeed=parseInt("{mousespeed}",10);
var minspeed=parseInt("{minspeed}",10);
var breakfactor=parseInt("{breakfactor}",10);
var zoomtime=parseInt("{zoomtime}",10);
var zoomamount=parseInt("{zoomamount}",10);
var sbg = parseInt("{sbg}",10);
var square = parseInt("{square}",10);
var urls="{urls}";
var target="{target}";
var cmode = parseInt("{cmode}",10);
var backgroundcolor=parseInt("{backgroundcolor}");
var bgi="{backgroundimage}";
var width=parseInt("{width}",10);
var height=parseInt("{height}",10);
var maxitems=parseInt("{maxitems}",10);
var ts=-1;
var maxitems=5;
var panel=22;
var radius=250;
var ysens=100;
var xsens=10;
var mousespeed=60;
if (minspeed<=0) {
minspeed=5;
minspeed/=100;
if (Math.abs(breakfactor)>10) {
breakfactor=10;
breakfactor/=10;
if (zoomtime<0) {
zoomtime=2;
zoomtime*=50;
var zoomamount=2;
var urls="
http://www.mandomartis.com/|http://www.effectmaker.com|http://www.yahoo.com||";
var target="_self";
var backgroundcolor=0xffffff;
var width=640;
var height=480;
var lm = "{lm}"; var lmxy = "{lmxy}";
var lm = lm.split("|");
var lmxy = lmxy.split("|");
for (i=0; i<lm.length; i++) if (lm
.length>3) {
attachMovie("lom", "lm" add i, i+6+maxitems);
var xy = lmxy.split(",");
setProperty("lm" add i, _x, xy[0]);
setProperty("lm" add i, _y, xy[1]);
eval("lm" add i).loadMovie(lm
function initApplet() {
moviearea._x=width/2;
moviearea._y=height/2;
activated=true;
var today=new Date();
activated=true;
//url's initialisation
urls=urls.split("|");
// bgnd activation
bgnd._x=-width/2
bgnd._y=0;
bgnd._width=width;
bgnd._height=height;
bgndColor=new Color(bgnd);
bgndColor.setRGB(backgroundcolor);
if (sbg>0) bgnd._visible = true; else bgnd._visible =
false;
if (bgi.length>0)
bgholder._x=-width/2;
bgholder._y=0;
bgholder.backgroundimage._width=width;
bgholder.backgroundimage._height=height;
bgnd._visible=false;
// duplicating main clip
for (var a=0;a<maxitems;a++) {
newarea = "area"+a;
duplicateMovieClip ("moviearea", newarea, a+5);
this[newarea].item_num=a;
this[newarea].theta = a*360/maxitems;
this[newarea].panel = panel;
this[newarea].radius = radius;
this[newarea].gotoAndPlay(2);
if (square==0) this[newarea].control._alpha=0;
// moviearea._x = -1000;
// moviearea._visible = false;
moviearea.gotoAndPlay (2);
this._x = (width/2);
initApplet();// prototype function for fixing the scaling and
position of images
movieclip.prototype.do_me = function () {
var w = 540;
var h = 400;
var k = this._width / this._height;
if (k > 1.35) {
this._width = 540;
this._yscale = this._xscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
} else {
this._height = 400;
this._xscale = this._yscale;
this._y=0-(this._height/2);
this._x=0-(this._width/2);
var ap="{parameterstorage}";
var ts="{timestamp}";
var panel=parseInt("{panel}",10);
var radius=parseInt("{radius}",10);
var ysens=parseInt("{ysens}",10);
var xsens=parseInt("{xsens}",10);
var mousespeed=parseInt("{mousespeed}",10);
var minspeed=parseInt("{minspeed}",10);
var breakfactor=parseInt("{breakfactor}",10);
var zoomtime=parseInt("{zoomtime}",10);
var zoomamount=parseInt("{zoomamount}",10);
var sbg = parseInt("{sbg}",10);
var square = parseInt("{square}",10);
var urls="{urls}";
var target="{target}";
var cmode = parseInt("{cmode}",10);
var backgroundcolor=parseInt("{backgroundcolor}");
var bgi="{backgroundimage}";
var width=parseInt("{width}",10);
var height=parseInt("{height}",10);
var maxitems=parseInt("{maxitems}",10);
var ts=-1;
var maxitems=5;
var panel=22;
var radius=250;
var ysens=100;
var xsens=10;
var mousespeed=60;
if (minspeed<=0) {
minspeed=5;
minspeed/=100;
if (Math.abs(breakfactor)>10) {
breakfactor=10;
breakfactor/=10;
if (zoomtime<0) {
zoomtime=2;
zoomtime*=50;
var zoomamount=2;
var urls="
http://www.mandomartis.com/|http://www.effectmaker.com|http://www.yahoo.com||";
var target="_self";
var backgroundcolor=0xffffff;
var width=640;
var height=480;
var lm = "{lm}"; var lmxy = "{lmxy}";
var lm = lm.split("|");
var lmxy = lmxy.split("|");
for (i=0; i<lm.length; i++) if (lm.length>3) {
attachMovie("lom", "lm" add i, i+6+maxitems);
var xy = lmxy.split(",");
setProperty("lm" add i, _x, xy[0]);
setProperty("lm" add i, _y, xy[1]);
eval("lm" add i).loadMovie(lm);
function initApplet() {
moviearea._x=width/2;
moviearea._y=height/2;
activated=true;
var today=new Date();
activated=true;
//url's initialisation
urls=urls.split("|");
// bgnd activation
bgnd._x=-width/2
bgnd._y=0;
bgnd._width=width;
bgnd._height=height;
bgndColor=new Color(bgnd);
bgndColor.setRGB(backgroundcolor);
if (sbg>0) bgnd._visible = true; else bgnd._visible =
false;
if (bgi.length>0)
bgholder._x=-width/2;
bgholder._y=0;
bgholder.backgroundimage._width=width;
bgholder.backgroundimage._height=height;
bgnd._visible=false;
// duplicating main clip
for (var a=0;a<maxitems;a++) {
newarea = "area"+a;
duplicateMovieClip ("moviearea", newarea, a+5);
this[newarea].item_num=a;
this[newarea].theta = a*360/maxitems;
this[newarea].panel = panel;
this[newarea].radius = radius;
this[newarea].gotoAndPlay(2);
if (square==0) this[newarea].control._alpha=0;
// moviearea._x = -1000;
// moviearea._visible = false;
moviearea.gotoAndPlay (2);
this._x = (width/2);
initApplet();
sorry for the long post; basically I fairly new to flash and
not familair with actionscript at all. I figure that most of what
is need is number signifing the speeds. Which i added by removing
the curly brackets and adding a number,
i.e var maxitems=parseInt("10",10);
but I dont know how to insert my images....I've tried
various things but i only end up with empty spinning boxes.
If someone could start me off with where i put the images i
may be able to complete it myself , but the more help the better
really as I dont really have a clue and I dont know where to look
for basic knowledge on actionscript language.
Thanks alot in advance,
Liz

Have you tried in Acrobat: Tools->Print Production->Convert Color?

Help with Spry Photo Gallery

I am putting together a photo gallery using the tutorial
found
here.
I have completed the basic tutorial and it is working well. I need
help though in implementing some advanced features not covered in
the tutorial but shown in the proof of concept
here.
I want to include a "gallery" selector like the proof of
concept, but i have no idea as to how i would go about
incorporating it. I have had a look at the code and it doesnt seem
to be all that difficult, but i just dont know what to do. I am
open to anything anyone can suggest even adding more Datasets if
needed. the other thing that is included in the code selection are
the Next, play/pause, and previous buttons. If anyone could tell me
how to get that to work i would appreciate it.
Thanks
Ryan

did you have any luck figuring out how to make your photo
album? I'm working on my own and am also having a hard time
understanding the proof of concept without a full tutorial.

Help with scrolling photo gallery

I'm using the code below to for a scrolling photo gallery. I got this from another forum on Adobe. My problem is that I can't get my images to upload. I uploaded this for an image but it's not working:
<img src="images/baca_poster_small.jpg" data-cycle-title="image1">
Can someone please help me with getting my pictures to work in this?
Thanks!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>

<div class="cycle-slideshow"
    data-cycle-pause-on-hover="true"
    data-cycle-speed="700"
>

<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">

</div>
</body>
</html>

Is this supposed to be a WordPress site? None of these images are found on the server. Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
   <img src="mosspictures/DSCN0040.JPG" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
   <img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O.

Player help - xml driven mp3

Hi,
I have been working on a different effect for a xml driven
mp3 mini player; it consists of three buttons that plays, pauses
and unpauses. Only one button is displayed on screen, to its user.
Now the problem I've got is that when the song ends, the button
shown is either pause or unpause; due to once the play button is
initially pressed its visibility is set to false. Now, when the
songs ends it stops until the user clicks the play button; however
the play button at present is invisible; so I need a way to display
the play button when the song ends, so the user can start it again,
and pause and unpause as normal.
I have attached the code.
Quite a challenge, but the effect will be unique. Clbeech
where are you?
Kind Regards,
Boxing Boom

Hi,
Nice try, but doesn't resolve the problem. You als forgot to
add the playSong() function to the play button; So I added it as
follows;
//this is the 'play' button
toggleSound1_btn.onRelease = function() {
playSong();
toggleSound2_btn._visible = true;
this._visible = false;
And the rest of the code does exactly what it done in the
first place. But many thanks for trying this for me, I really do
appreciate you help.
What we got here, is a RUBICS CUBE! It is mindgame for me!
Aaaghh! How can a little sound player script be so hard, this is
not right, is it?
This is how my layers is set up; Actions, Play, Pause,
Unpause. This has nothing to do with the problem at hand?
Kind Regards,
Boxing Boom

XML Driven Video Gallery with Playlist

Hi,
I have put together a XML Driven Video Player with auto thumbnail detection but there is a problem.The Video plays but, The thumbs will not show. I think my thumbnail function is not reaching the correct node in my XML.Can someone take a look at my Actionscript Please? The Action Script is below. The XML is at the bottom of this post. The top half of the code is the video playing code the bottom is for the thumbs.
Actionscript 2.0
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
ns.setNufferTime(30);
ns.onStatus = function(info) {
if (info.code == "NetStream.Buffer.Full") {
bufferClip._visible = false;
if (info.code == "NetStream.Buffer.Empty") {
bufferClip._visible = true;
if (info.code == "NetStream.Buffer.Stop") {
ns.seek(0);
theVideo.attachVideo(ns);
rewindButton.onRelease = function() {
ns.seek(0);
playButton.onRelease = function() {
ns.pause();
var videoInterval = setInterval(videoStatus, 100);
var amountLoaded:Number;
var duration:Number;
ns["onMetaData"] = function (obj) {
duration = obj.duration;
function videoStatus() {
amountLoaded = ns.bytesLoaded/ns.bytesTotal;
loader.loadbar._width = amountLoaded*187.4;
loader.scrub._x = ns.time/duration*187.4;
var scrubInterval;
loader.scrub.onPress = function() {
clearInterval(videoInterval);
scrubInterval = setInterval(scrubit, 10);
this.startDrag(false,0,this._y,187.4,this._y);
loader.scrub.onRelease = loader.scrub.onReleaseOutside=function () {
clearInterval(scrubInterval);
videoInterval = setInterval(videoStatus, 100);
this.stopDrag();
function scrubit() {
ns.seek(Math.floor((loader.scrub._x/187)*duration));
var theMenu:ContextMenu = new ContextMenu();
theMenu.hideBuiltInItems();
_root.menu = theMenu;
var i1:ContextMenuItem = new ContextMenuItem(":::::Video Controls:::::", trace);
theMenu.customItems[0] = i1;
var i2:ContextMenuItem = new ContextMenuItem("Play / Pause Video", pauseIt, true);
theMenu.customItems[1] = i2;
var i3:ContextMenuItem = new ContextMenuItem("Replay Video", replayIt);
theMenu.customItems[2] = i3;
var i4:ContextMenuItem = new ContextMenuItem("All Rights Reserved 2009", trace, true);
theMenu.customItems[3] = i4;
var i5:ContextMenuItem = new ContextMenuItem("SamAndOnline.com Video Player", trace);
theMenu.customItems[4] = i5;
function pauseIt() {
ns.pause();
function replayIt() {
ns.seek(0);
//sound controls
_root.createEmptyMovieClip("vSound",_root.getNextHighestDepth());
vSound.attachAudio(ns);
var so:Sound = new Sound(vSound);
so.setVolume(100);
volControl.volcon.slider1.onPress = function() {
this.startDrag(true,volControl.volcon.groove1._x,volControl.volcon.groove1._y,volControl.v olcon.groove1._x,volControl.volcon.groove1._y+100);
slideit = setInterval(volControl.volcon.slider_1Move, 100, this);
volControl.volcon.slider1.onRelease = function() {
this.stopDrag();
clearInterval(slideit);
mute.gotoAndStop("on");
volControl.volcon.slider1.onReleaseOutside = function() {
this.stopDrag();
clearInterval(slideit);
mute.gotoAndStop("on");
mute.onRollOver = function() {
if (so.getVolume() == 100) {
this.gotoAndStop("onOver");
} else {
this.gotoAndStop("muteOver");
mute.onRollOut = function() {
if (so.getVolume() == 100) {
this.gotoAndStop("on");
} else {
this.gotoAndStop("mute");
mute.onRelease = function() {
if (so.getVolume() == 100) {
so.setVolume(0);
this.gotoAndStop("muteOver");
} else {
so.setVolume(100);
this.gotoAndStop("onOver");
//listBx
var vlist:XML = new XML();
vlist.ignoreWhite = true;
vlist.onLoad = function() {
var videos:Array = this.firstChild.childNodes;
for (i=0; i<videos.length; i++) {
videoList.addItem({label:videos[i].attributes.desc,data:videos[i].attributes.url ,image:videos[i].attributes.thumb});
//play 1st video
ns.play(videoList.getItemAt(0).data);
videoList.selectedIndex = 0;
//would like to reference something in the XML File with the thumb attribute
thumbnails_fn(i);
var vidList:Object = new Object();
vidList.change = function() {
ns.play(videoList.getItemAt(videoList.selectedIndex).data);
videoList.addEventListener("change",vidList);
vlist.load("videos.xml");
soundb.onRelease = function() {
if (volControl.switch2=open2) {
volControl.gotoAndPlay("open");
} else {
volControl.play();
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=40) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
} else {
delete tscroller.onEnterFrame;
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(eval("thumbnail_mc.t"+k)._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
target_mc.onRollOut = function() {
this._alpha = 100;
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
trace(videoList.getItemAt(0).image+ "k= "+k+" "+videos.length+" pv "+target_mc.pictureValue+" thumbnails");
XML Example
<?xml version="1.0" encoding="ISO-8859-1"?>
<videos>
<video url="vid1.flv" desc="Video 1" thumb="1.jpg"/>
<video url="vid2.flv" desc="Video 2" thumb="2.jpg"/>
</videos>

I'm trying to load the thumbnails in with this code
image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
i tried
videoList.getItemAt(k).image
which works in the trace method but gives no response in the actual code it self
So the line of code that should work is
image_mcl.loadClip(videoList.getItemAt(k).image, "thumbnail_mc.t"+k);
and not
image_mcl.loadClip(image[k], "thumbnail_mc.t"+k);
but I gets no response

Need help with DW photo gallery

I'm learning DW the hard way, trial & error. I've created
my photo album & uploaded it. It looks find, but when I click
on the pictures to enlarge them I get the message "ooops no page
found". What do I do to resolve this issue? I know I'm missing a
step.
Please help me!!! Thanks, Barbara

Look at the path to the larger image. Is the path correct?
Did you upload
the larger photos?
Can you post a URL to your site?
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"whuzthere" <[email protected]> wrote in
message
news:fs4591$6ir$[email protected]..
> I'm learning DW the hard way, trial & error. I've
created my photo album
> &
> uploaded it. It looks find, but when I click on the
pictures to enlarge
> them I
> get the message "ooops no page found". What do I do to
resolve this
> issue? I
> know I'm missing a step.
>
> Please help me!!! Thanks, Barbara
>

Need help positioning flash photo gallery partially behind graphic.

I have created the basic photoshop layout that I will now be assembling in Dreamweaver. I wish to create a 4 or 5 image gallery using LightBox 2 that will rotate images within the header graphic. Image attached. How would I accomplish this code wise. Would I place the arched graphic within it's own <div> and float it above the div that holds the slideshow/gallery? Any help would be appreciated.

To the example that you have linked to above, make the following additions
<div id="arch-container" style="position:relative;">
<div id="arch-img" style="position:absolute; top: 170px;"><img src="images/arch-img.png" alt="arch_img" width="959" height="195" /></div>
</div>
I have used inline styles to make it easy on myself, but in reality you would put the style rules in the corresponding element selector in the CSS. Also, you would readjust the values to suit.
Also, it is worth mentioning that placing a width and height on your image as you have done, should really be done using CSS.
Added:
As a side note, I have gotten into the habit of using classes for all of my style rules. I came to the conclusion that this is the way to go when trying to analyse a problem within my web page. ID's are unique per document and as such are used when manipulating the DOM using JavaScript. Now when I see an ID in one of my documents, I know that it is not a styling matter as in CSS, but a problem within my script.
Take the above note as a thought, because there is a ongoing debate about this.
Message was edited by: Altruistic Gramps

HELP with Flash Photo Gallery

I have no clue how to program these flash galleries....My
site www.al-burke.com contains a flash web gallery that I purchased
online and I have been able to upload it to the site but its says
movie not loaded. I have all the neccessary files in place I
believe (gallery.xlm, main.html, main.swf) all under a folder. Can
anyone please help me out? Thanks

I went to al-burke.com, but the site doesn't actually load.
Do the files that you have work on your computer?

Flash Lite XML Driven Gallery Simple Question

Hello Flash Lite Gurus',
Someone Named "Mr. Samir K. Dash;" did a wonderful tutorial regarding Flash Lite XML driven Photo Gallery, and I have just a small question:
1> I changed the attributes schema of the xml as attached and noticed that it is not working, and I wonder what could be the reason (please see the attached XML new attribute schema, I didn't change fields names, I just changed the way the attributes' schema looks like).
The link to the tutorial is the following:
http://www.adobe.com/devnet/devices/articles/xml_photo_gallery.html
Looking forward to your help
best regards
Talal

As I look at your modified XML file, you need to make major changes in the script.
You have changed the attributes to become child nodes. So, you will need to use firstChild.nodeValue or childNodes[i].nodeValue everywhere.
Regards,
Hemanth Sharma
http://www.flashlitehub.com/blog

Basic photo gallery

hmmm... i am having a silly problem trying to create a basic
photo gallery using actionscript only. everything is working quite
fine, except the part when i am trying to use the movie clips as
buttons to load their respective images in the empty movie clip.
whatever movie i click will load the last image in the array, which
is perfectly logical since i am telling it to load the image in the
last position in the array because it's associated with the
variable in the for conditional. the issue is that i'm not being
able to figure out a solution to this problem.
any help is greatly appreciated.
p.s: if anyone knows of a good xml-driven photo gallery
tutorial, please let me know. thanks.

thanks again for the help!

Help - xml driven photo gallery

Similar Messages

Maybe you are looking for