Help with scrollable gallery frames!!!!

hi everyone
i'm a pathetic amateur in web designing but i'm kinda slowly
getting into it.... currently working on my website, obviously...
well, going straight to the point i'd like to add a
scrollable (horizontally) picture gallery just like the one
you can find in this website:
http://www.killyridolsclub.co.uk/main_photonov24.html
can someone come up with the code for this thingy and
possibly tell me where to paste it into that crazy nonsense of
codes of the page where i want the gallery to be displayed?
oh please dont forget to mention how to place pictures and
stuff inside this scrollable frame!
thanx for your time and patience
much appreciated

Put this between <head>...</head>
<style>
.gallerycontainer{
width: 500px; /** Your Gallery Width **/
padding: 10px;
overflow: scroll;
}.gallerycontainer img{
margin-right: 20px; /** Picture margins with each other **/
</style>
Insert this code where every you want to display your gallery
container:
<div class="gallerycontainer">
<img src="picture1.jpg">
<img src="picture2.jpg">
<img src="picture3.jpg">
</div>

Similar Messages

I need help with XML Gallery Fade in out transition. somebody please help me :(

I need help with XML Gallery Fade in out transition. somebody please help me
I have my post dont want to duplicate it

The problem doesn't lie with your feed, although it does contain an error - you have given a non-existent sub-category. You need to stick to the categories and sub-categories listed here:
http://www.apple.com/itunes/podcasts/specs.html#categories
Subscribing to your feed from the iTunes Store page work as such, but the episodes throw up an error message. The problem lies with your episode media files: you are trying to stream them. Pasting the URL into a browser produces a download (where it should play the file) of a small file which does not play and in fact is a text file containing (in the case of ep.2) this:
[Reference]
Ref1=http://stream.riverratdoc.com/RiverratDoc/episode2.mp3?MSWMExt=.asf
Ref2=http://70.33.177.247:80/RiverratDoc/episode2.mp3?MSWMExt=.asf
You must provide a direct link to the actual mp3 file. Streaming won't work. The test is that if you paste the URL of the media file (as given in the feed) into the address bar of a browser it should play the file.

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 with Photo Gallery

I found this cool photo gallery tutorial
http://www.kirupa.com/developer/mx2004/xml_flash_photogallery.htm
but I'm having problem to put it together onto my flash web. I wold
like to make portfolio and I want to have several categories. Each
category will have its own photo gallery with animated buttons
loading in each gallery separately onto same area. something
similar to this
http://www.flashmint.com/show-template-1920.html
but where its loading text onto animated banners I want to load my
photo gallery. Any ideas how to put it together? I'm beginner with
action script . I use flash 8 proffesional

rest of the code here:
        <div id="previews">
            <div id="controls">
                <ul id="transport">
                    <li><a href="#" class="previousBtn" title="Previous">Previous</a></li>
                    <li><a href="#" class="playBtn" title="Play/Pause" id="playLabel"><span class="playLabel">Play</span><span class="pauseLabel">Pause</span></a></li>
                    <li><a href="#" class="nextBtn" title="Next">Next</a></li>
                </ul>
            </div>
            <div id="thumbnails" spry:region="dsPhotos" class="SpryHiddenRegion">
                <div class="thumbnail" spry:repeat="dsPhotos"><a href="{path}"><img alt="" src="{thumbpath}"/></a><br /></div>
                <p class="ClearAll"></p>
            </div>
        </div>
        <div id="picture">
            <div id="mainImageOutline"><img id="mainImage" alt="main image" src=""/><br /> Caption: {pcaption}</div>
        </div>
        <p class="clear"></p>
    </div>
Any help with getting the caption to display would be greatly appreciated. The Caption {pcaption} does not work,

Help with Photo Gallery using XML file

I am creating a photo gallery using Spry. I used the Photo Gallery Demo (Photo Gallery Version 2) on the labs.adobe.com website. I was successful in creating my site, and having the layout I want. However I would like to display a caption with each photo that is in the large view.
As this example uses XML, I updated my file to look like this:
<photos id="images">
            <photo path="aff2010_01.jpg" width="263" height="350" thumbpath="aff2010_01.jpg" thumbwidth="56"
               thumbheight="75" pcaption="CaptionHere01"></photo>
            <photo path="aff2010_02.jpg" width="350" height="263" thumbpath="aff2010_02.jpg" thumbwidth="75"
               thumbheight="56" pcaption="CaptionHere02"></photo>
            <photo path="aff2010_03.jpg" width="350" height="263" thumbpath="aff2010_03.jpg" thumbwidth="75"
               thumbheight="56" pcaption="CaptionHere03"></photo>
</photos>
The images when read into the main file (index.asp) show the images in the thumbnail area and display the correct image in the picture pain. Since I added the pcaption field to the XML file, how do I get it to display? The code in my index.html file looks like this:

rest of the code here:
        <div id="previews">
            <div id="controls">
                <ul id="transport">
                    <li><a href="#" class="previousBtn" title="Previous">Previous</a></li>
                    <li><a href="#" class="playBtn" title="Play/Pause" id="playLabel"><span class="playLabel">Play</span><span class="pauseLabel">Pause</span></a></li>
                    <li><a href="#" class="nextBtn" title="Next">Next</a></li>
                </ul>
            </div>
            <div id="thumbnails" spry:region="dsPhotos" class="SpryHiddenRegion">
                <div class="thumbnail" spry:repeat="dsPhotos"><a href="{path}"><img alt="" src="{thumbpath}"/></a><br /></div>
                <p class="ClearAll"></p>
            </div>
        </div>
        <div id="picture">
            <div id="mainImageOutline"><img id="mainImage" alt="main image" src=""/><br /> Caption: {pcaption}</div>
        </div>
        <p class="clear"></p>
    </div>
Any help with getting the caption to display would be greatly appreciated. The Caption {pcaption} does not work,

Aliasing effect with scrollable text frame

Hi
I dettect the visualization for text is so better witthout scrollable frame… do you know a trick to have anti-aliasing effect for scrollable text frame?
is it usual this problem?

Here, two kinds of font visualization (with png export option), with text frame (rought font) and without text frame (ok font)
Do you've this problem?

Help with scrollable frames...

If I put a Landscape ad in a portrait frame and do a scrollable frame on that ad, how do I get to the next page of content when that requires a horizontal swipe? Thanks

HI, I have been trying to do this kind of scollable frames and it is impossible to navigate to the next page if you swipe in the scrollable area.
But take a look at Hatched 2013 app (featured in DPS gallery) they manage to go to the next page swiping in the scrollable area! Any idea of how they do that?
Thank you

Template help with Flash Gallery

First of all I would like to say that I give everyone on here so much credit for learning flash and actionscipt. I wish I payed attention in HS class so I could understand this better.
I purchased a template from template moster (http://www.templatemonster.com/flash-templates/28019.html) and I am trying to modify it. I am attempting to add 3 other galleries which look exactly like the gallery in the template with the same functions. I figured out how to change the pictures which both the large and thumbnails are being loaded from a portfolio folder outside of the main fla file. I wish the files were in the fla because I am sure it would be a little easier. Can anyone help me with duplicating the gallery page? I am using CS3 and Actionscript 2. If you need a screen shot just ask. Thank you for the help

To add further information to the post above...
When I use the selection tool to drill down into the buttons
it goes from "Scene1" to a "menu" symbol which contains the five
stacked buttons in the stage (again they all display as "About Us"
instead of how they look in a browser). I can then drill down into
each individual button which always goes to the same "btn" symbol
(resulting in a workspace that is viewing Scene1->menu->btn).
When I right-click on any of the five buttons and select "Actions"
in the menu it brings up the Actions - movie clip dialog and there
are no actions specified.
However, when I right click on the parent "menu" symbol and
look at actions they are the following:
onClipEvent (load) {
num = 1;
on (rollOver) {
if (_root.link<>num) {
this.gotoAndPlay("s1");
_parent["bta"+num].gotoAndPlay("s1");
on (releaseOutside, rollOut) {
if (_root.link<>num) {
this.gotoAndPlay("s2");
_parent["bta"+num].gotoAndPlay("s2");
on (release) {
if (_root.link<>num) {
_parent["bt"+_root.link].gotoAndPlay("s2");
_parent["bta"+_root.link].gotoAndPlay("s2");
_root.link = num;
_root.play();
Lastly, I can drill down one further step to
Scene1->menu->btn->btn_0. When I do this the "About Us"
text disappears and just the button background is showing. When I
right click in the workspace there is no "Actions" selection. When
I right click on the frame in the timeline there is an "Actions"
selection but there are no actions specified.
thanks!!
the link to the template:
http://www.templatemonster.com/flash-templates/15895.html

Please help with a Poster Frame

I have imported an FLV into Flash using "Video Import" and selected a prebuilt skin that gives play, volume and caption control. The movie has autoplay turned off so when I viewed on the webpage it shows a black first screen and the skin beneath it. I would like to insert a poster frame that will hide when the user presses play on the skin. I was a novice with AS 1 and 3.0 is making me facepalm. Please help, I've already tried Flashkit and Actionscript.org and not gotten any answers. Thanks!!

Okay in Frame 1 I have an AS layer I copied your code into, layer two is the movie clip with the image named 'myPoster' and the third layer contains the FLV playback named 'myVideo' so I changed the names in the code to:
mvVideo.addEventListener(MouseEvent.CLICK,f):
function f(e:MouseEvent):void{
removeChil((myPoster);
I get the following compiler errors and publish preview shows just the image:
Scene1,Layer 'Action Script', Frame 1, Line 1 1078: Label must be a simple identifier.
Scene1,Layer 'Action Script', Frame 1, Line 4 1084: Syntax error: expecting rightparen before semicolon.
So I tried modifying the code to:
mvVideo.addEventListener(MouseEvent.CLICK,f);
function f(e:MouseEvent):void{
removeChil((myPoster));
Which fixed the original errors but still only the image shows and I get new compiler errors.
Scene1,Layer 'Action Script', Frame 1, Line 4 1180:Call to a possibly undefined method removeChil.
Scene1,Layer 'Action Script', Frame 1, Line 4 1120: Access of undefined property myPoster.
Scene1,Layer 'Action Script', Frame 1, Line 1 1120: Access of undefined property myPoster.
Thanks for your patience and help!

Need help with JavaScript "Galleria" gallery coding

I am trying to create a clickable gallery with the filmstrip either on the top or on left hand side for people to click to see my portfolio. I want the first photo to be auto loaded. I downloaded the javascript from;
http://galleria.aino.se/
I have the coding for;
galleria.js
galleria.classic.js
jquery.min.js
I try the basic tutorial given on the website http://galleria.aino.se/
but it seem more coding are needed.
I want the similar gallery as shown on the above website without the black void space on the side of the large photo. I do not want the Rewind and Fastforward buttons as shown on the side of the large photo (not on the thumbnail)
I have tried downloading few similer files and trying to use their html coding but there werent the full tutorial.
The coding below only shows two small photos left top of the page without the large photo either on top of them.
I dont understand much about coding. Only been doing this for like few months and still learning but i am stuck now. Much apperciated if you can help me out here with what code need to go where. Many thanks.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="test/jquery.min.js"></script>
<script src="test/galleria.js"></script>
<script>Galleria.loadTheme('test/galleria.classic.js');</script>
<script>$('.gallery').galleria();</script>
</head>
<body>
<div class="gallery">
<a href="_images/home/Bridge.png"><img src="_images/home/Bridge.png" width="100"></a>
<a href="_images/home/Haz_Restaurant.JPG"><img src="_images/home/Haz_Restaurant.JPG" width="100"></a>
</div>
</body>
</html>

Using the same files, i have found a different code where they place the tumbnails at the bottom of the slideshow rather than on the side. Here is the code;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Galleria Demo 1</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="imagetoolbar" content="false">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="test/galleria.css" rel="stylesheet" type="text/css" media="screen">
    <script type="text/javascript" src="test/jquery.min.js"></script>
    <script type="text/javascript" src="test/jquery.galleria.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
        $('ul.gallery_demo').galleria({
            history   : true, // activates the history object for bookmarking, back-button etc.
            clickNext : true, // helper for making the image clickable
            insert    : '#main_image', // the containing selector for our main image
            onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                // fade in the image & caption
                image.css('display','none').fadeIn(1000);
                caption.css('display','none').fadeIn(1000);
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                // fade out inactive thumbnail
                _li.siblings().children('img.selected').fadeTo(500,0.3);
                // fade in active thumbnail
                thumb.fadeTo('fast',1).addClass('selected');
                // add a title for the clickable image
                image.attr('title','Next image >>');
            onThumb : function(thumb) { // thumbnail effects goes here
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                // if thumbnail is active, fade all the way.
                var _fadeTo = _li.is('.active') ? '1' : '0.3';
                // fade in the thumbnail when finnished loading
                thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                // hover effects
                thumb.hover(
                    function() { thumb.fadeTo('fast',1); },
                    function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
    </script>
    <style media="screen,projection" type="text/css">
    /* BEGIN DEMO STYLE */
    *{margin:0;padding:0}
    body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80% /140% georgia,serif;}
    h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
    a{color:#348;text-decoration:none;outline:none;}
    a:hover{color:#67a;}
    .caption{font-style:italic;color:#887;}
    .demo{position:relative;margin-top:2em;}
    .gallery_demo{width:702px;margin:0 auto;}
    .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
    .gallery_demo li div{left:240px}
    .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
    #main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
    #main_image img{margin-bottom:10px;}
    .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
    .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
    .info p{margin-top:1.6em;}
    </style>
</head>
<body>
<h1>Galleria Demo 01</h1>
<div class="demo">
<div id="main_image"></div>
<ul class="gallery_demo_unstyled">
    <li><img src="test/img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
    <li><img src="test/img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li>
    <li class="active"><img src="test/img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
    <li><img src="test/img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
    <li><img src="test/img/lightning.jpg" alt="Lightning" title="Black & White"></li>
    <li><img src="test/img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
    <li><img src="test/img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
    <li><img src="test/img/pier.jpg" alt="Pier" title="Proin erat nisi"></li>
    <li><img src="test/img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li>
</ul>
<p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">« previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next »</a></p>
</div>

Need help with image gallery and preloader

Here is my portfolio site currently. WWW.PALMEI.COM. When you go into the the galleries you can view the images; the images load and it's all working fine. But if I was to go back on the page before the image was to load the image loads later which is then in the way of everything and cannot be deleted or removed. What would a solution be for solving this problem. Also, my preloader is not working at all as you can tell.
Here is my code in frame 1 for the perloader:
[AS]
stop();
loaderInfo.addEventListener(ProgressEvent.PROGRESS, updatePreLoader);
function updatePreLoader(evtObj:ProgressEvent):void
                    var percent:Number = Math.floor((evtObj.bytesLoaded*100)/evtObj.bytesTotal);
                    preloader_txt.text = percent+"%";
                              if (percent==100) {
                                        nextFrame ();
[/AS]
Thank you very much for your help. Have developed headache and need some new eyes on it.

Thank you again Ned for your reponse as you helped me solve the image array problem last week or so ago.
Here is the code:
[AS]
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*
import fl.transitions.TweenEvent;
import flash.display.MovieClip;
import flash.events.MouseEvent;
var sep3Tween4:Tween = new Tween(Sep2_mc, "y", Regular.easeOut,338 , 655, 1, true);
var sepTween4:Tween = new Tween(Sep_mc, "y", Regular.easeOut,0 , -320, 1, true);
BoyBack.addEventListener(MouseEvent.CLICK, Portfolioclick);
function Portfolioclick(evtObj :MouseEvent) {
          gotoAndStop("Portfolio");
           removeChild(B);
var BoyBackTween:Tween = new Tween(BoyBack, "y", Regular.easeOut,510,487,2, true);
BoyBackTween.addEventListener(TweenEvent.MOTION_FINISH, onfinis);
function onfinis(e:TweenEvent):void {
BoyBackTween.yoyo();
var arrayB:Array = [ B1, B2, B3, B4, B5, B6, B7, B8,B9, B10, B11, B12];
var arrayImages:Array = ["ill_1.jpg","ill_2.jpg","ill_3.jpg","ill_4.jpg","ill_5.jpg","ill_6.jpg","ill_7.jpg","ill _8.jpg", "ill_9.jpg","ill_10.jpg","ill_11.jpg","ill_12.jpg"];
var imgLoader:Loader = new Loader;
var B:BlackBox = new BlackBox();
B.addChild(imgLoader);
for (var i:uint=0; i<arrayB.length; i++){
     arrayB[i].mouseChildren = false;
     arrayB[i].addEventListener( MouseEvent.MOUSE_OVER, onButtonOver);
     arrayB[i].addEventListener( MouseEvent.MOUSE_OUT, onButtonOut);
     arrayB[i].addEventListener( MouseEvent.CLICK, onButtonRemoveB);
           arrayB[i].addEventListener( MouseEvent.CLICK, onButtonClick);
           arrayB[i].imgNum = i;
                 imgLoader.y = 100;
                      imgLoader.x =275;
                      B.y = -55;
                 B.x =-100;
function onButtonOver( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if(B.tween){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut,600, 591, .5, true );
function onButtonOut( e:MouseEvent ):void {
     var B:MovieClip = MovieClip(e.target);
     if( B.tween ){
       B.tween.stop();
     B.tween = new Tween( B, "y", Regular.easeOut, 591, 600, 1, true );
function onButtonRemoveB( e:MouseEvent ):void {
removeChild(TwoDtxt);
function onButtonClick( e:MouseEvent ):void {
   if(this.contains(B)){
       removeChild(B);
   imgLoader.load(new URLRequest(arrayImages[e.currentTarget.imgNum]));
   imgLoader.contentLoaderInfo.addEventListener( Event.COMPLETE , loaded);
function loaded(event:Event):void {
     addChild(B);
      var targetLoader:Loader = Loader(event.target.loader);
var AlphaTween1:Tween = new Tween(T1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
var AlphaTween2:Tween = new Tween(Bottom1, "alpha", Strong.easeOut, 1, .20, 2.5, true);
[/AS]
Before the image loads if you were to click on the boy with the balloon"the back button" the image would than load later on say the"portfolio" part of the site.

Help with (simple) gallery

Hi everyone,
Im new to AS so bear with me on this. Im making a really simple website with a few navigation buttons that point to some frames using AS, that is the extent of my AS knowledge - oh I know the stop(); command! Check me out! So as you can see, Im a real novice.
All I want to do is to create an image slideshow the same as this:
http://www.hopkins.co.uk
However, I dont want the thumbnails, I just want a really simple fade in/fade out show of about 8 photos. I only want this on the 'home' section of the site ie you navigate away when you click on one of the buttons.I achieved what I wanted by alpha tweening on the time line but the file size was too big at the end of it (it had 900+ frames to allow for the pauses in between transitions)
My questions to you clever people are:
What method should I use to create this type of gallery so it is clean and compact? And how can I create it with big, hi res images like on the site above?
Any suggestions would be great. I know this has been covered before but it's very hard to find specifically what Im after without having better knowledge of AS 3.0
Thanks
Joe

list your image movieclips in an array, initialize an index i, create function that fades-in (using the tween class) the ith index member and fades-out the ith-1 member, use an onMotionFinished event to start a timer (setTimeout() ) to call your function after incrementing i.

Help with a gallery. scrollPane maybe?

To see what I'm working with go here --> http://cgd1000.com/my_portfolio/pages/fllash_test.html > click enter> portfolio
What I want to happen.
When somebody goes to the portfolio page i would like them to see a scrolling(vertical up/down) window in the yellow background containing rows of thumbs (btns). When a thumb is clicked on i want the image/video to open to the size of the yellow background. The user will be able to click on a close button that is over the image/video and return to the portfolio page/frame.
What I'm thinking
is making an swf (to make changes in the future whitout altering the main swf) containing rows of thumbs. Then placing a scrollPane in the center of the yellow background with the source portfolio.swf.
Where I get lost with this idea
is when someone clicks on one of the thumbs how can I make the image be the same size as the yellow background, outside of/over the scrollPane? Can I make the thumbs in the swf, in the scrollPane, when clicked, goto a frame in the main timline that contains the image/video?
Help figuring this out would be great. I would also be open to alternitive suggestions as well. I'm new so please be as descriptive as possible.
Thanks

If you're using AS3, then you do not want to assign the "Identifier"... you want to assign the "Class" (AS2 uses the Identifier).
So you can just assign the source as that class...
scrPane.source = MCClassName;

Help with iWeb gallery

Hi all - this is my first post on here but i've used it for help and pointers with iWeb for some time. I'm just creating a website for my design portfolio and would really like to incorporate a gallery like the one that appears at the following link:
http://www.arizona-software.ch/photopresenter/screenshots.html
Does anyone know of what this gallery might be called? My knowledge of web design is extremely limited so if someone could let me know their thoughts (phrased 'for dummies') that would be great.
Many thanks in advance
Sam

Yes it does.
By the way, do you plan to publish to .mac.
Iphoto galleries do have that option as one of about three, but the user would have to select it.
If you haven't tired one you might. I think they look quite nice.
There are several different programs that will accomplish that, but if Iphoto will work for you it would be the easiest as it directly interfaces with Iweb.
There is a little freebe called "flash album exporter" that is a plug-in for Iphoto that will do exactly what you want, but you would have to manually upload and link it, which is not really a big deal.
[http://home.comcast.net/~flashalbumexporter/iphoto/iphoto.html]
The simple viewer option is about the same as what you saw.
good luck

Help with "layer options" + frame fitting

I don't really understand how layer options work in conjunction with frame fitting options. Sometimes I will have a number of illustrations embedded within the same illustrator file and rejig the layer visibilities in order to separate each one but I find that the image shifts within the frame, partly I suppose because the bounding box may have changed. Can anyone refer me to a document that explains how this works - and if there's a way to keep the position locked so that layer vix changes don't have an effect on positioning?

Or make a rectangle around all the art on it's own layer and give it no fill or stroke. As long as that layer remains visible, I don't believe you will see any shifting (In this case I'd choose "art" as the crop).

Help with scrollable gallery frames!!!!

Similar Messages

Maybe you are looking for