Image gallery help

Hi!
I'm working on a flash website and I have thumbnails on the site that I want to, when clicked on open an image viewer. Now I have an image viewer already made I just need to get it to pop up once a thumbnail is clicked on. I want it so the image viewer pops up over the page being viewed. Not really looking to open a new browser window just the flash window if you follow?
Similar to the one on facebook where if you click the thumbnails at the top your page the image viewer opens up above the page you're viewing.
I'm using Cs5 and actionscript 2. If you know how to do this in as3 but not as2 please post anyway as I might understand from there what to do.
Any help is appreciated!

I think what you have to do is have the picture viewer start off the stage in the flash document. Then when the thumbnail, created as a button symbol, is clicked animate the viewer on to the stage or really move to a portion of the timeline where the viewer is on the stage . This can be done in the actions layer of the the timeline with the gotoAndStop code snippet in the Timeline Navigation section the code snippet panel. While it may not be the exact same thing, Abode TV has a tutorial called Flash in a Flash, it's for CS3 but the concepts still work, where he, a big bald white guy I can't remember his name, basically does what your talking about. It's a really good tutorial.

Similar Messages

Using jquery image gallery - help!

Hello there :)
I'm having an issue with showing images in my jquery image gallery; it's taken me all day and it just won't work. I've tried to follow this tutorial using the latest version of pikachoose 3.0. http://apex-notes.blogspot.com/2008/12/build-image-gallery-using-apex.html
What I see is nothing but broken image links and no jquery image gallery at all. I suspect the problem is with this PL/SQL statement but I am not sure. I use BLOBs for images.
DECLARE
   CURSOR c1
   IS
      SELECT "IMAGE_ID"
        FROM "GAL_IMAGES";
BEGIN
   HTP.p ('<ul id="pikame">');
   FOR gallery_rec IN c1
   LOOP
      HTP.p
         ('<li>
                <img src="f?p=&APP_ID.:0:&SESSION.:APPLICATION_PROCESS=gallery:::F106_G_IMAGE_ID:'||gallery_rec.image_id||'" /></li>'
   END LOOP;
   HTP.p ('</ul>');
END; Please help?

Thank you for the reply Munky... yes I've included the jQuery in the header, and inspected it with firebug as well. I'm just not very good at interpreting the parameters oracle needs to display BLOB data through PL/SQL commands. No javascript errors, the images just refuse to show. Getting it on apex.oracle.com is tough (lots of stuff to export) but I'll get working on that right away. I'm on limited time too because my project is well overdue :/
Let me show you two screenshots for the time being: http://i294.photobucket.com/albums/mm116/ctjemm/Login_1267710612595.jpg and http://i294.photobucket.com/albums/mm116/ctjemm/Login_1267710740509.png
I wanted something like this - http://apex.oracle.com/pls/otn/f?p=25110:11:112222201005926 to happen in the 'gallery scroll' region. :/ He gets his to work, I don't know how though, since I followed every step of his blog meticulously.
Again, thanks so much for your reply.
-J

Problems with image gallery, Help !

Hi, i need this gallery to be seperated from the thumbnails it interact. I need the button to open the Xmlgallery1 instead of the Xmlgallery. In other words, i want to load a different image than the thumbnails shows. Ive already copied the xml gallery to seperate it but i cannot find a way to load another xmlgallery...
Here the code, it is a simple vertical slider:
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.display.Loader;
var galleryXML1:XML;
var galleryXML:XML;
var xmlLoader:URLLoader;
var xmlLoader1:URLLoader;
var xmlRequest:URLRequest;
var xmlRequest1:URLRequest;
xmlLoader1 = new URLLoader();
xmlLoader = new URLLoader();
xmlRequest1 = new URLRequest('galleryXML1.xml');
xmlRequest = new URLRequest('galleryXML.xml');
var numOfImages:int;
var numOfImages1:int;
var currImage:int = 0;
var currImage1:int = 0;
var imageLoader:Loader;
var imageLoader1:Loader;
var imageRequest:URLRequest;
var imageRequest1:URLRequest;
imageLoader = new Loader();
imageLoader1 = new Loader();
var imagesList:Array = new Array();
var imagesList1:Array = new Array();
var loadedImages:Array = new Array();
var loadedImages1:Array = new Array();
xmlLoader.load(xmlRequest);
xmlLoader.addEventListener(Event.COMPLETE,onComplete);
function onComplete(e:Event):void
          galleryXML = new XML(xmlLoader.data);
          numOfImages = galleryXML.photo.length();
          var i:int = numOfImages;
          while(i--)
                    imagesList.push(String(galleryXML.photo[i].url));
          startLoading();
          imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,loadNext);
function startLoading():void{
          imageRequest = new URLRequest(imagesList[currImage]);
          imageLoader.load(imageRequest);
function loadNext(e:Event):void
          if(currImage == numOfImages-1)
                    loadedImages.push(imageLoader.content);
                    imageLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE,loadNext);
                    var i:int = galleryXML.photo.length();
                    container = new Sprite();
                    while(i--)
                              var rect:Bitmap = loadedImages[i];
                              var bitmapCont:Sprite = new Sprite();
                              bitmapCont.addChild(rect);
                              container.addChild(bitmapCont);
                              bitmapCont.y = i * 105;
                              bitmapCont.width = 118;
                              bitmapCont.height = 103;
                              bitmapCont.addEventListener(MouseEvent.CLICK,draw,false,0,true);
                              bitmapCont.addEventListener(MouseEvent.MOUSE_OVER,overFunc,false,0,true);
                              bitmapCont.addEventListener(MouseEvent.MOUSE_OUT,outFunc,false,0,true);
                              rect.y = 540;
                    addChild(container);
                    container.x = 960;
                    addEventListener(Event.ENTER_FRAME,update);
                    return;
          loadedImages.push(imageLoader1.content);
          currImage++;
          imageRequest = new URLRequest(imagesList[currImage]);
          imageLoader.load(imageRequest);
function overFunc(e:Event):void
function outFunc(e:Event):void
import flash.display.Sprite;
import flash.events.Event;
import flash.display.BitmapData;
import flash.display.Bitmap;
import flash.events.MouseEvent;
import flash.filters.BlurFilter;
var bd:BitmapData = new BitmapData(1080,1920,true,0x00000000);
var b:Bitmap = new Bitmap(bd);
b.y = 0;
b.x = 0;
b.height = 1920;
b.width = 1080;
addChild(b);
var container:Sprite
var vel:Number = 0;
var acc:Number = 0;
var damp:Number = 0.95;
function update(e:Event):void
          acc = 0;
          if(mouseY>1200)
          acc = - - - -1;
          if(mouseY<550)
          acc = - - -1;
          vel +=acc;
          vel*=damp;
          container.y += vel;
          if(container.y>200)
          container.y = 200;
          if(container.y < 730-container.height)
          container.y = 730-container.height;
function draw(e:MouseEvent):void
          bd.draw(Sprite(e.currentTarget));

replace
xmlLoader.load(xmlRequest);
with
xmlLoader.load(xmlRequest1);

Image gallery help request

Hi
i would like to come up with a similar effect i have a screen
shot of the page.
i would like the image to be in the center and the thumnails
at the right side in rectangular shape one under the other and 2
arrows pointing up and down "one of them on top of the thumnails
and the other one underneeth of the thumnails pointing downword"
for the viewer to scroll down or up the thumnails..
best regards
Mike

Have a look at this Zip file (
chosenson.netfirms.com/pic%20gallery.zip )
It should demonstrate the principals behind what you are
looking for.

Urgent Help with Image Gallery

Hi,
I really need help with an image gallery i have created. Cannot think of a resolution
So....I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider)
The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
Please see code below
var xml:XML;
var images:Array = new Array();
var totalImages:Number;
var nbDisplayed:Number = 1;
var imagesLoaded:int = 0;
var slideTo:Number = 0;
var imageWidth = 150;
var titles:Array = new Array();
var container_mc:MovieClip = new MovieClip();
slider_mc.addChild(container_mc);
container_mc.mask = slider_mc.mask_mc;
function loadXML(file:String):void{
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest(file));
xmlLoader.addEventListener(Event.COMPLETE, parseXML);
function parseXML(e:Event):void{
xml = new XML(e.target.data);
totalImages = xml.children().length();
loadImages();
function loadImages():void{
for(var i:int = 0; i<totalImages; i++){
var loader:Loader = new Loader();
loader.load(new URLRequest("images/"+String(xml.children()[i].@brand)));
images.push(loader);
//      loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
function onComplete(e:Event):void{
imagesLoaded++;
if(imagesLoaded == totalImages){
createImages();
function createImages():void{
for(var i:int = 0; i < images.length; i++){
var bm:Bitmap = new Bitmap();
bm = Bitmap(images[i].content);
bm.smoothing = true;
bm.x = i*170;
container_mc.addChild(bm);
      var caption:textfile=new textfile();
      caption.x=i*170; // fix text positions (x,y) here
   caption.y=96;
      caption.tf.text=(xml.children()[i].@brandname)
      container_mc.addChild(caption);

yes, sorry i do wish to click on individual images but dont know how to code that
as i mentioned i have 6 images that load into an array and then into a container and i think that maybe the problem is that i have the listener on the container so when i click on any image it gives the same results.
what i would like is have code thats says
if i click on image 1 then do this
if i click on image 2 then do something different
etc
hope that makes sense
thanks for you help!

Help! I need a special image gallery!!

Hello!
anyone know if you can make an image gallery with thumbnails and where each one is linked to a photo slide? Also require that the thumbnails act as a color button, not appear like a thumbnail photo. I need help! Thanks in advance!
PD: sorry for my english skills!!!

Hello,
You can use Blank Composition Widget to achieve this.
Seems like you are trying to create something similar to : http://muse.adobe.com/widgets/composition/slideshow-ouatt.html
You can insert your images in the Target containers and can use Fill colors for different states of trigger containers.
Please refer to the video which might help : http://tv.adobe.com/watch/muse-feature-tour/muse-trigger-target/
Regards,
Sachin

Image Gallery issues with Lightbox2 - please help!

Hello there,
I am using Lightbox2 image gallery. The loading.gif and close.gif aren't showing up and I think there's an issue with the path in the lightbox.js file. The loading and close gifs are located in the Images gallery so I changed the path in the lightbox.js file accordingly - I've gone through this many many times but they are still not showing up.
Can anyone please help me?
My website is: www.labellepetraie.com
Here's where I downloaded the script from: http://www.huddletogether.com/projects/lightbox2/#how
I have tried all the path combinations mentioned in their forum but to no avail. What am I doing wrong?
Thank you for any help you can offer to me.
Regards!

Interesting. I've just looked at your scripts, and it would appear that you have blended two versions of lightbox2 on your page,. Is that possible? The lightbox.js file has no function called initLightbox() in it, whereas older versions do. So, try changing this:
window.onload = function(){ // use this instead of <body onload â€¦>
     MM_preloadImages('../3websites/home4.jpg','../3web sites/amenities1.jpg','../3websites/inquiry1.jpg','../3websites/rates1.jpg','../ 3websites/photos1.jpg');
        initLightbox();
to this:
window.onload = function(){ // use this instead of <body onload â€¦>
     MM_preloadImages('../3websites/home4.jpg','../3web sites/amenities1.jpg','../3websites/inquiry1.jpg','../3websites/rates1.jpg','../ 3websites/photos1.jpg');
        //initLightbox();
to see if that works. I think so. Turns out the initLightbox() function call that we activated by fixing the code before is no longer needed by the lightbox2 script as of v2.04! I see that it still tells you to put that function call in the body tag, but i think that is wrong (which is very weird to say, can I really be right???). If you look at the example page online you'll see that he uses this body tag:
<body>
and there are no onload's anywhere.
Let me know.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Need help: Setting up an image gallery.

Hello!
I'm a first timer on the forums using Dreamweaver ALSO for the first time. For the most part I've been able to figure out how to set things up and working in a way that I like with the exception that I can't seem to find a way to make up a gallery for my images. I'm making up an portfolio site where I will host a gallery of my drawings.
I don't have anywhere that has a set up of what I have so far but I do have a few websites which have samples of what type of gallery I would like to do:
http://tsi-tsi.net/gallery.htm
http://agentagnes.com/art.html (has some NSFW images)
I have been searching and searching for a code or a way to set up my images in a gallery like this where the border will change color on a mouseover.
Sorry if this question has been answered before but I'm simply stumped on how to do it. Can anyone help?

A Google search will reveal countless image gallery & slideshow solutions.
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
jAlbum Photo Gallery creation software, makes the HTML pages and thumbnail images for you.
http://jalbum.net/en/software
Lots of jAlbum skins to choose from
http://jalbum.net/en/skins
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Serious help needed fixing an image gallery

On my page
http://www.dorff.nl/clients.html
ive put this very nice gallery..
The only problem is. I divided the gallery in 6 groups. But in every group you will see the same images. How can i change the images for each group seperately?
I hope you understand what i ment.
Regards Brian

How i can use the four files you have send me?
In dreamweaver im getting the message...
lightbox.css is not on the disk
prototype.css is not on the disk
scriptaculous.css is not on the disk
lightbox.js is not on the disk
Date: Thu, 12 Apr 2012 12:37:39 -0600
From: [email protected]
To: [email protected]
Subject: serious help needed fixing an image gallery
    Re: serious help needed fixing an image gallery
    created by adninjastrator in Dreamweaver - View the full discussion
Here are 4 files you need:http://www.olympicdiscoverytrail.com/style_sheets/lightbox.csshttp://www.olympicdiscoveryt rail.com/style_sheets/prototype.jshttp://www.olympicdiscoverytrail.com/style_sheets/script aculous.js?loa d=effectshttp://www.olympicdiscoverytrail.com/style_sheets/lightbox.jsHere is an entire web page with working multiple galleries:
Photo Gallery 1
    !images/125/paw_Carrie-Elwha.jpg|title=Elwha River Valley approaching the bridge|height=93|alt=Elwha River Valley approaching the bridge|width=125|src=images/125/paw_Carrie-Elwha.jpg|border=0!
Photo Gallery 2
    !images/125/sw_IMG_1115-Downtown-Trail.jpg|title=Trail near High School close to downtown Sequim|height=83|alt=Trail near High School close to downtown Sequim|width=125|src=images/125/sw_IMG_1115-Downtown-Trail.jpg|border=0!
   </div>     
</div>
</body>
</html>Here is a link to that working page on-line:http://www.olympicdiscoverytrail.com/trail_maps/slideshow.htmlThere is not much more I can do!You'll have to take the bull by the horns and start coding!Copy/Paste this HTML code into a new, blank page and edit the paths to all the .css, .js, and image files.Best of luck!Adninjastrator
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4330648#4330648
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4330648#4330648. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Help with scrolling image gallery?

Hi, using the code for a scrolling image gallery found here (Build an Infinite Scrolling Photo Banner With HTML and CSS | Design Shack). When I pasted in the CSS and HTML, it displayed all vertically and broke my title div. Not a professional, so I could use an expert eye to point out any mistakes. Trying to make title in vertical center of page, scrolling image gallery horizontal in the middle, and links directly below. HTML is below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Marc Moss Art</title>



<link href="style.css" rel="stylesheet" type="text/css">
<link href="../../../../style.css" rel="stylesheet" type="text/css">

</head>
<body topmargin="600">
<div id="wrapper">
<div class="container">
<header></header>
<div id="content" style="height:300px;width:1000px;float:left;"><h1>art by marc moss</h1>
</div>
    
    <div class="photobanner">
        <img class="first" src="../../../../mosspictures/DSCN0038.JPG" alt="">
        <img src="../../../../mosspictures/DSCN0040.JPG" alt="">
        <img src="image-3.jpg" alt="">
        <img src="image-4.jpg" alt="">
        <img src="image-5.jpg" alt="">
        <img src="image-6.jpg" alt="">
        <img src="image-1.jpg" alt="">
        <img src="image-2.jpg" alt="">
        <img src="image-3.jpg" alt="">
        <img src="image-4.jpg" alt="">
    </div>
    <nav>
    <div id="navigation">
    <ul>
    <li><a href="#">bio</a></li>
    <li><a href= "#">inspiration</a></li>
    </ul>
    </div>
    </nav>
</article>
<footer>
</footer>
</div>
</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.

Need help with Image Gallery tutorial.

Hi all,
No response from Apex Listener Forum...moved here....
Apex Listener - 2.0.2.133.14.47
Apex - 4.2.2.00.11
When running Image Gallery application as per tutorial, page just show a blank screen with no image upload button.
Am using Firefox 22.0 and Chrome 28.0.1500.72.
Firebug does not display any script error.
Had recreated tutorial on apex.oracle.com with same result as above.
http://apex.oracle.com/pls/apex/f?p=4550:1:::::F4550_P1_COMPANY:HANAMIKE
Workspace: HANAMIKE
Username: [email protected]
Password: yesla
Using username= resteasy_admin, Password=resteasy_admin to run on apex.oracle.com.
Had modified tutorial JS below :
var workspace_path_prefix = 'resteasy'; => var workspace_path_prefix = 'hanamike';
Another odd problem was when trying out the RESTFUL service as per tutorial when clicking the 'TEST' button, encountered error 404.
Problem due to extra workspace name in URL as below:
http://apex.oracle.com/pls/apex/hanamike/hanamike/gallery/images/
Had to manually modify it to:
http://apex.oracle.com/pls/apex/hanamike/gallery/images/
Notice that the Listener version on apex.oracle.com is:
APEX_LISTENER_VERSION
2.0.3.165.10.09
Thanks in advance.
Zack
Message was edited by: Zack.L

Hi Zack,
Thanks for providing the login credentials to your workspace. I took a look at your RESTful Service and associated application, and noticed that there was something missing - the "Upload Image" button! So it looks like the 'Create the Gallery Application' section is missing a step to create a HTML region, with region template "Button Region without Title", and with its region source set to the following:
<a class="button" id="upload-btn">Upload Image</a>
You'll see in the JS that there's a reference to #upload-btn, but no such object existed on your page. I created a copy of your app, which includes this new HTML region, and you'll see that I've uploaded an image as a demo. I've contacted the APEX Listener team re the missing instruction, so that will hopefully be rectified in the next release. Apologies for the confusion, but hopefully you're back on track now. As for the behaviour you've noticed with the URL generated by the 'Test' utility, thanks for bringing this to our attention. I'll do some further investigation there, and log a bug if required.
Regards,
Hilary

Need Help With Image Gallery

Hey all, I need a simple image gallery to load when you click a button. I've tried shadowbox but have had absolutely zero luck. I'm not sure how to load it from a flash file and I know there is work that has to be done outside of flash like in the root folder. All I need is for a simple image gallery, nothing fancy, to open when I hit a button. If anyone could explain how to use shadowbox in lamens terms or knows how to easily script a gallery that would be amazing.

What script version is your target? AS2 or AS3

Help with CSS image Gallery

Found this simple css image gallery. However I'm having trouble adjusting it do my needs. I ideally want to make each small image slightly bigger than currently and have 3 or 4 on each line. Also want to make the enlarged image bigger. The width would need to be around 550px.
<style type="text/css">
* This notice MUST stay intact for legal use.
* This script was created for FREE CSS Menus.
* Visit: www.freecssmenus.co.uk for more CSS.
* Also visit our Free online menu creator.
/* credits: www.freecssmenus.co.uk */
#pg { width:390px;
height:200px;
border:2px dotted #666;
padding:5px;
padding-top:15px;
#pg ul { list-style:none;
padding:0;
margin:0;
width:180px;
position:relative;
float:left;
#pg ul li { display:inline;
width:52px;
height:52px;
float:left;
margin:0 0 8px 8px;
#pg ul li a { display:block;
width:50px;
height:50px;
text-decoration:none;
border:1px solid #000;
#pg ul li a img { display:block;
width:50px;
height:50px;
border:0;
#pg ul li a:hover { white-space:normal;
border-color:#336600;
background-color:#AABB33;
#pg ul li a:hover img { position:absolute;
left:190px;
top:0;
width:auto;
height:110px;
border:1px solid #000;
#pg ul li a span {display:none}
#pg ul li a:hover span { display:block;
position:absolute;
left:5px;
top:130px;
width:350px;
height:auto;
font-size:12px;
color:#999999;
</style>
html
<div id="pg">
<ul>
<li>
<a href="css_rollover_uk_map.php">
<img src="upimage/ukmap345.jpg" alt="Css Rollover Map" />
<span>
<strong>
CSS Map.</strong>
CSS Image swap on rollover/hover. This simple display of CSS shows the versatility of Cascading Style Sheets. Remember this animation is 100% User Accessible.</span>
</a>
</li>
<li>
<a href="big_css_button.php">
<img src="upimage/bigbutton1390.jpg" alt="Large Css Button" />
<span>
<strong>
CSS Big Button.</strong>
Css buttons can be as large and as extravagant as you like. Using one image you can create simple css buttons like this. This button is still a hyperlink not just an image.</span>
</a>
</li>
<li>
<a href="menu_opacity.php">
<img src="upimage/003opacity639.jpg" alt="Css Opacity" />
<span>
<strong>
CSS Opacity Menu.</strong>
you can use styles to change the opacity of an image. This creates interesting effects when creating a menu. </span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/freemusic885.jpg" alt="Free Mp3 Downloads: Unborn Records" />
<span>
<strong>
Unborn Records </strong>
Download free mp3 music for your ipod or mp3 player. Download free music from unsigned artists</span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/trix363.jpg" alt="Visit Trix the dog at www.catandtwodogs.co.u" />
<span>
<strong>
Cat And Two Dogs </strong>
Visit my three pets at www.catandtwodogs.co.uk . This is a picture of trix, he's a border collie.</span>
</a>
</li>
<li>
<a href="#">
<img src="upimage/colours238.jpg" alt="A picture of colours in a swirl" />
<span>
<strong>
A swirl of colours. </strong>
This is just a picture of colours in a swirl effect.</span>
</a>
</li>
</ul>
</div>

Sorry can't do this at the moment.
I've decided to switch to the JQuery Lightbox Image Gallery instead. In IE8 I get the following message:
Message: Script error
Line: 0
Char: 0
Code: 0
URI: file:///C:/Documents%20and%20Settings/User/My%20Documents/SRC12-13/all%20html%205/all%20ht ml%205/Simple-HTML-5-Template/Simple%20HTML%205%20Template/js/jquery.lightbox-0.5.min.js
My page works and my js is refenced correctly. Not sure if this is just a IE8 thing, or whether the page needs uploading to work correctly. Works fine in Chrome.
Wonder if there is a way to fix this?

HELP! - XML Image gallery, simple problem

I've posted this problem before and gotten no response. Very
simple I'm sure, I just don't know much Flash. Basically I've
created an image gallery that should look like this:
http://www.flashcomponents.net/upload/samples/1448/index.html.
The problem is that the thumbnails are not being accessed properly
(from what I can tell), making it look like this:
http://shortydesigns.com/index.html.
The images are all in the same folder and since one thumbnail is
loading, I can't see why the others aren't. The Actionscript in the
Flash file is as follows (it was created with Flash 10):
First Piece of Code
stop();
// specify the url where folder is located below (if
applicable)
toadd = "";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
// TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
// mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
Later in the timeline:
stop();
pic.info.thenum = side.thumbs.thumbs0.thenum;
pic.info.thecaption = side.thumbs.thumbs0.thecaption;
pic.info.thetitle = side.thumbs.thumbs0.thetitle;
pic.info.theurl = side.thumbs.thumbs0.theurl;
loadMovie(_root.toadd+"flash/fashion/images/1.jpg",
pic.pic2.pic3);
onEnterFrame = function () { side.gotoa = 110;if
(side._alpha>99) {side._alpha = 100;delete
onEnterFrame;}side.lefta = side.gotoa-side._alpha;side._alpha +=
side.lefta/5;pic._alpha = side._alpha;};

I noticed two thing:
1. I guess the error occurs when currentImage variable is out
of range of sortedXML array. You, perhaps need to trace this var
and see at what point the error happens.
2. Unless I missed someting, It seems that you always load
images. At some point you load images that are already loaded. It
is inefficient. You, perhaps, better off reusing already loaded
images.

Is there a way to create a CSS image gallery with caption?

Hi everyone,
Ive been using the disjoint rollover, but I only have one
thing that I want to add to it—a caption right underneath an
image.
Besides using that Project Seven plug-in, is there a way to
create an image gallery without using layers? Or is layers the only
way to do it? All I want (words of doom, huh?) is a thumbnail to be
able to switch and image and add a caption to it. Can anyone point
me in the right direction? Or is that Project Seven plug-in deal my
best bet? What about Set Text of Layer in DW.
Oh yeah, Im still using DW with CSS sprinkled in..any help?
Thanks in advance.
-C

> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers?
Of course.
> What about Set Text of Layer in DW.
That would do it, and it's not necessary that the layer stay
a layer after
you have done it, either. I do this frequently - make a
layer, apply the
behavior, and then remove the position:absolute from the div,
and place it
where I want it.
See the demo here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"psypent81" <[email protected]> wrote in
message
news:eus555$lac$[email protected]..
> Hi everyone,
>
> Ive been using the disjoint rollover, but I only have
one thing that I
> want to
> add to it?a caption right underneath an image.
> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers? Or is layers the only way
to do it? All I
> want
> (words of doom, huh?) is a thumbnail to be able to
switch and image and
> add a
> caption to it. Can anyone point me in the right
direction? Or is that
> Project
> Seven plug-in deal my best bet? What about Set Text of
Layer in DW.
>
> Oh yeah, Im still using DW with CSS sprinkled in..any
help?
>
> Thanks in advance.
>
> -C
>

Image gallery help

Similar Messages

Maybe you are looking for