Image Gallery question

I have been asked to help re-create a web site. The existing site is 100% flash. The site owner wants to redo the appearance and navigation and get away from flash.
They want to have the various project galleries re-created without flash but want the behaviors to be the same as they are in the existing flash setup. check the link below.
http://www.ecummingsarchitect.com/FLASH/main.html
Specifically they want the thumbnails to auto scroll when the cursor rolls over the scroll arrow. Also want the roll over effect where - roll over the thumbnail changes it to color and also changes the larger/primary image above.
I have a couple of slideshow generators from Project 7 but they will not quite achieve these effects.
Is this possible with html/css and/or can anyone recomend a third party product or tool I might use to create this sort of gallery?
Additionally they want to re-create the opening animation on the home page of the site. They have made a little 1.7 meg movie in imovie or something that plays a series of stills but with an animated camera move acroos each still like a Ken Burns film. Slow zoom in or zoom out or pan. Also has sound track.
My question, is it "bad" practice to have a .mov or .wmv or some such movie auto play on the home page?
Again, is this possible with html/css and/or can anyone recomend a third party product or tool I might use to create this sort of slideshow with zoom/pan effects and soundtrack?
Thanks in advance for any advice or help with this.

As Martin said, you can do some amazing things with jQuery transitions, animations and fadeIn effects. And jQuery is supported by nearly all web devices.
http://jquery.malsup.com/cycle/
You can also use Adobe Edge Preview to create animations in HTML5, CSS3 & JavaScript. NOTE: Edge animations are not supported by older browsers (pre-IE9). Before you start, decide who your target audience is.
http://labs.adobe.com/technologies/edge/
Finally, for video & audio playback, have a look at Pickle player.
http://www.pickleplayer.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

PVII Image Gallery Question

Hi,
Just purchased Image Gallery Magic. Since it's overwhelmingly
praised on this forum, I am hoping someone here can quickly help me
with a couple problems. First - here's the link:
www.intelligentbydesigngraphics.com/transcendingtime/weddings.html
Questions:
1) I've inserted the gallery into an existing site that has a
black background. There must be a way to change the background
color of the thumbnail panel to something other than white, but
how?
2) As you roll your mouse over the thumbnail panel number
boxes they get smaller, why and how do I fix it?
Thanks in advance for any advice!
P.S. I am a novice, so please take that into consideration
before replying! ;)

Can you post this on the PVII support forums?
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
==================
"dflorentine" <[email protected]> wrote in
message
news:eeva67$jd8$[email protected]..
> Hi,
> Just purchased Image Gallery Magic. Since it's
overwhelmingly praised on
> this
> forum, I am hoping someone here can quickly help me with
a couple
> problems.
> First - here's the link:
>
www.intelligentbydesigngraphics.com/transcendingtime/weddings.html
>
> Questions:
> 1) I've inserted the gallery into an existing site that
has a black
> background. There must be a way to change the background
color of the
> thumbnail panel to something other than white, but how?
> 2) As you roll your mouse over the thumbnail panel
number boxes they get
> smaller, why and how do I fix it?
>
> Thanks in advance for any advice!
> P.S. I am a novice, so please take that into
consideration before
> replying! ;)
>
>

Image gallery issue

If a mod could delete my other post as I am quite far on from that and now having different issues. Thanks.
I am really stuck. I will try my best to explain things clearly. I am making an image gallery and I got the code from this gallery here.
http://www.flashmo.com/preview/flashmo_122_3d_curve_gallery
I made some changes to make it how I wanted it, nothing drastic though. So now I have a nice gallery.
Explaining what I am trying to do will better help explain things. I am creating a modelling agency website. The gallery I created above will display an individual image of every model in the agency (which it does). Now when one of the model images is clicked, I then need it to load another image gallery which contains the complete set of images for that model, plus some of their information etc.
The way I am approaching it at the moment is to create an individual image gallery for every model in its own fla file. If say the first model is clicked (image 1) it will load the corresponding swf (1.swf). I am not sure how good it is loading an swf into what I already have, but couldnt think of another way. So now I have a seperate image gallery just to test things out, and I need to load it into my original image gallery.
So, I will show the code for the first gallery (which displays the individual images of each model). The important methods are p_click (which hides the first gallery and loads the external swf), and on_pic_loaded (which displays the external swf).
I hope you understand what I am attempting, as I dont know if I have explained it right as my brain is going dead! (although I am liking the challenge).
import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*;
import org.papervision3d.materials.*;
import caurina.transitions.*;
import flash.net.URLRequest;
import flash.display.Loader;
import flash.events.Event;
import flash.events.ProgressEvent;
var container_x:Number = stage.stageWidth * 0.5;
var container_y:Number = stage.stageHeight * 0.5 + 160;
var container:Sprite = new Sprite();
container.x = container_x;
container.y = container_y;
addChild(container);
var scene:Scene3D = new MovieScene3D(container);
var cam:Camera3D = new Camera3D();
cam.zoom = 6;
tn_url_target.visible = false;
tn_title.text = "";
tn_desc.text = "";
tn_url.text = "";
loading_info.text = "";
url_button.visible = false;
var no_of_ring:Number = 1;
var angle:Number = 0;
var p_dict:Dictionary = new Dictionary();
var pa:Array = new Array();
var filename_list = new Array();
var url_list = new Array();
var url_target_list:Array = new Array();
var title_list = new Array();
var description_list = new Array();
var folder:String = "photos/thumbs/";
var i:Number;
var total:Number;
var flashmo_xml:XML = new XML();
var pic_loader:Loader = new Loader();
var mLoader:Loader = new Loader();
var xml_loader:URLLoader = new URLLoader();
xml_loader.load(new URLRequest("thumbnail_list_5.xml"));
xml_loader.addEventListener(Event.COMPLETE, create_thumbnail);
function create_thumbnail(e:Event):void
    flashmo_xml = XML(e.target.data);
    total = flashmo_xml.thumbnail.length();
    var angle_per:Number = Math.PI * 2 * no_of_ring / total;
    for( i = 0; i < total; i++ )
        filename_list.push( flashmo_xml.thumbnail[i][email protected]() );
        url_list.push( flashmo_xml.thumbnail[i][email protected]() );
        url_target_list.push( flashmo_xml.thumbnail[i][email protected]() );
        title_list.push( flashmo_xml.thumbnail[i][email protected]() );
        description_list.push( flashmo_xml.thumbnail[i][email protected]() );
        var bfm:BitmapFileMaterial = new BitmapFileMaterial(
            folder + flashmo_xml.thumbnail[i][email protected]());
        bfm.oneSide = false;
        bfm.smooth = true;
        var p:Plane = new Plane(bfm, 100, 100, 2, 2);
        scene.addChild(p);
        var p_container:Sprite = p.container;
        p_container.name = "flashmo_" + i;
        p_dict[p_container] = p;
        p_container.buttonMode = true;
        p_container.addEventListener( MouseEvent.ROLL_OVER, p_rollover );
        p_container.addEventListener( MouseEvent.ROLL_OUT, p_rollout );
        p_container.addEventListener( MouseEvent.CLICK, p_click );
        p.rotationY = - (i * angle_per) * (180/Math.PI) + 90;
        p.x = Math.cos(i * angle_per) * 300;
        p.z = Math.sin(i * angle_per) * 300;
        p.y = Math.floor( i / 22 ) * 5;
function startLoad()
    var mLoader:Loader = new Loader();
    var mRequest:URLRequest = new URLRequest("/subgallery/1.swf");
    mLoader.load(mRequest);
function p_rollover(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    Tweener.addTween( sp, {alpha: 0.5, time: 0.5, transition:"easeOutExpo"} );
function p_rollout(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    Tweener.addTween( sp, {alpha: 1, time: 0.4, transition:"easeInExpo"} );
function p_click(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    var s_no:Number = parseInt(sp.name.slice(8,10));
    var mRequest:URLRequest = new URLRequest("subgallery/1.swf");
    mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, on_pic_loaded);
    mLoader.load(mRequest);
    Tweener.addTween( container, { y: 1200, time: 0.6, transition:"easeInExpo" } );
function goto_URL(me:MouseEvent)
    navigateToURL(new URLRequest(tn_url.text), tn_url_target.text);
function on_open(e:Event):void
    loading_info.text = "Loading... 0%";
function on_progress(e:ProgressEvent):void
    var percent:Number = Math.round(e.bytesLoaded / e.bytesTotal * 100);
    loading_info.text = "Loading... " + percent + "%";
function on_pic_loaded(e:Event):void
    addChild(e.currentTarget.content);
    //addChildAt(mLoader, 1);
    mLoader.x = Math.round(stage.stageWidth - mLoader.width) * 0.5;
    mLoader.y = Math.round(stage.stageHeight - mLoader.height) * 0.5;
    //mLoader.addEventListener(MouseEvent.CLICK, remove_pic);
    Tweener.addTween( mLoader, { alpha: 1, time: 0.8, transition:"easeInExpo" } );
    removeEventListener(Event.ENTER_FRAME, render);
function remove_pic(e:Event):void
    Tweener.addTween( pic_loader, { alpha: 0, time: 1, onComplete:function() { removeChild(this); } } );
    Tweener.addTween( container, { y: container_y, time: 1, delay: 1, transition:"easeOutExpo"} );
    addEventListener(Event.ENTER_FRAME, render);
    tn_title.text = "";
    tn_desc.text = "";
    tn_url.text = "";
    url_button.visible = false;
addEventListener(Event.ENTER_FRAME, render);
function render(e:Event):void
    var distance_x:Number = (stage.mouseX - 400) * 0.0001;
    angle += distance_x;
    cam.x = - Math.cos(angle) * 150;
    cam.z = Math.sin(angle) * 150;
    scene.renderCamera(cam);
Current issues as the moment is firstly, I dont know if this is the best way to achieve what I want. Maybe there is a better option someone could tell me about, but you have to remember that each image displayed here will have multiple images to go with it.
In terms of what I am attempting above, I currently get
Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: file:///C|/Users/Nick/Desktop/gallery/gallery.xml
    at _1_fla::MainTimeline/frame1()
I assume its a url error so I changed all urls in both fla's to contain the whole url path. Didnt seem to work though unless I missed something.
Any advise on absolutely anything will be so appreciated.
Many thanks
Nick

Sorry about that. If you can check my history, I normally always thank people who have helped, and I was intending to go back on the last few to sort them out. Just got my first job so it has been rather hectic and been stressing out to much. Also, I do things slightly different to other people. If I receive a correct answer (which I normally do thank), I tend not to actually reply but to thank instead, mainly because if I reply I am pushing unanswered questions further down the list and eventually out of view. I will go back and sort out the thanks I owe.
In terms of asking the mods, other forums I visit are normally moderated by the community, so I assumed that someone like yourself might be the moderator.
I tottally understand what you are saying, and as I say, I am normally on top of this. Will go back now and sort out the thanks.
Sorry for the delay.
Nick

Flash Image Gallery

I purchased the Flash Image Gallery Extension. Installed and
created several beautiful working galleries.
In my image gallery (link below) there are Category titles
176, 186, etc.. When you click the titles it changes the thumbnail
pictures, while the main image remains the same.
Question: I'd like to click on a Category Title and have the
Main Fullsize image change as well. This would help visually to see
that you have in fact changed to a new category. As it is now, it
is not evident that you've changed category. You have to go to the
tn images and click there.
Can you give me some direction on how accomplish this?
Perhaps a behavior - when category title is clicked on the main
image will appear for that category? Seems like a simple edit. Can
I do such an edit on a purchased gallery template file extension?
New to flash, quite familiar with DW CS3. Below is a link to
my gallery:
My
Gallery Link

Hi
These can be linked together - it will need you to change the
destination of the 'Front Page' link (URL) to point to the
appropriate 'Gallery', in the XML you can identify sections by
using the same 'Gallery Id' from the link (URL) in the 'Front
Page'.
Does that make sense?, if you need more help then let me
know

Image gallery in SAP EP

Hi folks,
I'd like to receive some comments on the topic "Image gallery in SAP EP" as quite often there is a need for storing content in form of images in the KM and the standard renderers available do not satisfy advanced scenarios or non-SAP standard environments.
As there is heaps of image gallery libraries around for usage in standard web pages and open portals - mostly based on Java or Javascript - I wonder if these can be easily used within SAP EP.
So my question: Did anyone integrate a free image gallery software into SAP EP and are there any drawbacks/experiences or remarks you might want to share with me?!
The gallery should sport thumbnails previews, tagging, additional attributes, convenience functions (mass-renaming, mass-resizing), flashy previews, etc.
Thanks for your help!
regards,
Christian

Well, we are surprised we haven't seen this before but here's
what we discovered.
Safari converts uppercase letters in attributes to lowercase.
Since XML is case sensitive, therefore IMAGEID becomes
imageid. Since your data references are still uppercase, they fail
to match and you get undefined.
Uppercase attributes are rare, hence this is the first we
have seen of this error.
To see this in action, try this in your page:
<script>
var rows = datasetname.getData();
if (rows && rows.length)
alert(Spry.Utils.serializeObject(rows));
</script>
To solve this, convert your XML files to use lowercase
attribute names.
We will write this up somewhere.
Thanks for posting.
We are pleased to see a good use of Spry data, effects and
widgets on one site. I will add your site to our wiki page, if you
don't mind.
http://labs.adobe.com/wiki/index.php/Spry:SprySites
Thanks,
Donald Booth
Adobe Spry Team

Dynamic Image Gallery Issue

Hello All!
I am creating a dynamic image gallery, but when my external
images load in the empty movie clip, all the images are loading in
the same size/dimension. Does anyone know how I can command the MC
to load the images in different sizes, another words - to load them
according to its own size?
here's the AS
onClipEvent (load)
function imageMove()
var _loc1 = this;
for (i = 1; i <= num_of_image; i++)
mc = _loc1["image" + i];
if (i < hit)
tempx = small * (i - 1) + 30;
temps = small - 5;
mc.useHandCursor = true;
else if (i > hit)
tempx = big + small * (i - 2) + 30;
temps = small - 5;
mc.useHandCursor = true;
else
tempx = small * (i - 1) + 150; //distance of how far out the
displayed image jumps.
temps = big - 5; //distance between the displayed image and
thumbnails.
mc.swapDepths(1000);
display = txt
mc.useHandCursor = false;
} // end else if
mc._x = mc._x + (tempx - mc._x) / 3; //number of pixals on
x-axis the displayed image moves over to right side before growing
big.
mc._width = mc._width + (temps - mc._width) / 3; //number of
pixals on x-axis the displayed image moves over to left side before
growing big.
mc._height = mc._width * 4 / 3;
if (Math.abs(mc._width - temps) <= 1)
title._x = hit < 5 ? (_loc1["image" + hit]._x + big / 2) :
(_loc1["image" + hit]._x - big / 2 - 100);
title._y = 100;
} // end if
} // end of for
} // End of the function
function loopHye()
if (hit != num_of_image)
++_global.hit;
else
_global.hit = 1;
} // end else if
} // End of the function
getURL("FSCommand:allowscale", false);
big = 300;
//Large image width (400 works best for my portfolio site)
small = 60;//Small image width (40 works well for my
portfolio site)
num_of_image = 8;//Total number of images
timeGap = none;//Speed (speed of gaptime when each image is
displayed automatically. "2000" is default of this original file.
larger the number the slower the image changes. (type in "none"
will stop automatic images from changing.
_global.hit = 0;//First displyed image number (type "0" to
stop images from growing out)
txt = [" ", "image1", "image2", "image3", "image4", "image5",
"image6", "image7", "image8"];//insert text of each images between
for (i = 1; i <= num_of_image; i++)
attachMovie("image", "image" + i, i);
loadMovie("image/" + i + ".jpg", this["image" +
i].tar);//image folder path
mc = this["image" + i];
mc._x = small * (i - 1) + 30;
mc._y = 200; //where on the axis should the displays be.
mc._width = small - 5;
mc._height = mc._width * 4 / 3;
this["image" + i].onRelease = function ()
clearInterval(interval);
_global.hit = this._name.substr(5);
interval = setInterval(loopHye, timeGap);
} // end of for
interval = setInterval(loopHye, timeGap);
onClipEvent (enterFrame)
imageMove();
check out the file
http://www.wendiland.com/Gallery122b.fla
this is what the current gallery looks like
http://www.wendiland.com/print2.html
I'd appreciated if someone replies with any sort of
suggestions! thanks in advance!!!
- W£NDI

if you google with "dynamic image gallery", you'll find a lot
of
tutorials & examples including pre-programmed solutions
if you prefer to do it yourself, you need to deal with
dynamic sites. DW
help chapters Preparing to Build Dynamic Sites, Making Pages
Dynamic &
Developing Applications Rapidly can also help to understand
in fact you don't need a database, the images can be read
from the
folder they're stored. that way to update a gallery you only
need to
remove/replace/add images. one folder for each gallery
and the application development forum is best suited for your
question
BTW, some nice photos in your page
hth,
jdoe
uvi wrote:
> I'm trying to create a dynamic image gallery that is
updated from a database, i
> managed to create a simple mysql database
> using phpmy admin, so I could update my image gallery
more often, I saw
> something that I like but I have no idea how to create
it here is the example:
>
http://flight001.com/store/trip.htm?itemid=307&sid=201&page=2
> I didnt manage to create this with dynamic table from
within dreamweaver 8,
> maybe I just don't know how,
> this is the link to a gallery on my website:
>
http://www.yuvallavy.com/work/scenic/scenic.htm.
I need all the help I can get
> I'm using dreamweaver 8 on a Mac and using PHP/MySql
server model.
>

Dynamic image gallery

Hi all, I am new to the forum and I have a specific question
about a dynamic image gallery i am making.
Everything goes well, until I want to click from a thuimbnail
to see an enlarged image that is another file.
here is the specific code for that:
1) one problem is that -when I wlick one of the 5 jpegs
attached- I always see the last one enlarged...
2) another problem is to go back to the thumbs after clicking
the enlarged image...
PLease help me

One issue it might be, is that in your for loop you have var
i:Number=1; Set to 1 not 0. Then you referrence that number when
declaring your small and large images by i.
Remember actionscript always starts at zero not 1 when
creating objects dynamically.

N97 mini: folder setting for image gallery / photo...

Hi I've just got a simple question: is it possible to choose the images folder(s) which are shown in photobrowser or image gallery on a n97 mini?
now it shows all the images on my device/mass storage/sdhc card, and I don't want that to happen. I want to be able to choose the folders which are shown. now it also shows all icons of my pois inthere, so i've got over 400 images (all images which are used by programs) while there are only about 50 files in the images folder.
now i have to scroll through 350 images which i don't need, just to find 1 photo i want to use as a background.
hoping that there will be a software update which allows for changing these settings, so that it only shows the folders I want to use.
Solved!
Go to Solution.

You can use X-plore from "lonelycatgames" , to hide an entire folder, but those images are used by programs this would be of no use.
If you are interested to know how:
1ownload and install X-plore, their website, (trial works as good as full, with a just a splash screen at startup)
2: Open it, Create a folder any where on memory card. Or if you know the folders where "those 400" pictures reside, navigate to it.
3: click Options>file>attributes>and tick "Hidden" it'll ask "Do you want to edit attributes of all file in this folder?" click yes.
Now all the file in a particular folder are hidden, so they won't show up in gallery.
Previous Phones: 6600, 7610, 6230, 6230i, 1100, 1112, N70, N73, N95, N95 8GB, 5800XM, 5230, C5, iPhone 3GS, SE Xperia X10, N900, N8, SE Xperia Arc
Current Phones: Nokia N9, iPhone 4

Spry image gallery

Hi there, just a question, I created a spry image gallery successfully with thumbnails on the left and the bigger image and details on the right, my problem is its created it with all the thumbs going down vertically after looking everywhere i havent found the solution, im hopefully wanting the thumbnails in a grid style so there are a few on each line, can anyone help?

I'm not sure which part of the code you were asking for, but this is the code from the actual spry table which was created.
    <div id="Text">
      <div class="MasterDetail">
        <div spry:region="ds1" class="MasterContainer">
          <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{thumbnail}</div>
        </div>
        <div spry:detailregion="ds1" class="DetailContainer">
          <div class="DetailColumn">{name}</div>
          <div class="DetailColumn">{description}</div>
          <div class="DetailColumn">{picture}</div>
        </div>
        <br style="clear:both" />
      </div>
      <p> </p>
    </div>

Image gallery component

Hi,
I'm pretty new to CQ5, so forgive me if this question has already been answered/doesn't make sense.
Basically, i'm working for a large travel company and we'd really like to show off the destinations we serve. At the moment the only components we use are the basic image components which allows us to display one image at a time.
What would be really useful would be for some sort of image gallery to be available which would allow us to show multiple images, similar to this.
Is there some sort of solution built into CQ5 which can be modified, or, is it something which is going to have to be built from scratch by our developers?
Any help would be greatly appreciated. We're using CQ5.5 5.5.0.20120220 Update 1
Thanks,
Ben

Ben ,
I think it may useful to your requirement
http://localhost:4502/damadmin
http://dev.day.com/docs/en/cq/current/dam/creating_and_configuringdamfinderandasseteditorp ages.html
Regards
Ravindra

Image gallery DELETE IMAGE function broken

I followed the ADDT Basic Image gallery tutorial and everything was working flawlessly until I got to the delete image section. I added the 'delete image' information on the list_img.php page, and that is all linked correctly.
on the delete_img.php page I followed the tutorial to the letter, an when I click the delete link on the list_img.php page it gives me this error (with the correct url listed):
Fatal error: Cannot instantiate non-existent class: tng_dispatcher in /home/myhosting/public_html/MyAccount/gallery/delete_img.php on line 10
The code on that line of delete_img.php is:
// Make a transaction dispatcher instance
$tNGs = new tNG_dispatcher("../../");
I even re-uploaded the entire /includes/ folder to no avail. Help please!

Sorry about that. If you can check my history, I normally always thank people who have helped, and I was intending to go back on the last few to sort them out. Just got my first job so it has been rather hectic and been stressing out to much. Also, I do things slightly different to other people. If I receive a correct answer (which I normally do thank), I tend not to actually reply but to thank instead, mainly because if I reply I am pushing unanswered questions further down the list and eventually out of view. I will go back and sort out the thanks I owe.
In terms of asking the mods, other forums I visit are normally moderated by the community, so I assumed that someone like yourself might be the moderator.
I tottally understand what you are saying, and as I say, I am normally on top of this. Will go back now and sort out the thanks.
Sorry for the delay.
Nick

What is happening to my image gallery?

I have created the layout for my site and I have an image gallery on the right hand side. By default the upper left thumbnail opens as the main picture. If you click on that thumbnail, it swaps the image, yet the thumbnail disappears and a question mark appears. This only happens on that thumbnail and it happens on every page.
This is my site in development stage.
http://test.taffyproductions.com/index.htm
Thanks,
Gary

You have the rollover wrong on that first thumb.
Here is its code:
a href="#">
<img id="thumb_01" width="80" height="60" onmousedown="MM_swapImage(''thumb_01','','large_image','photo_large','','_images/home1_lg.png',1)" name="thumb_01" alt="home_1sm" src="large_image"/>
</a>
and here it is from another thumb:
<a href="#">
<img width="80" height="60" onmousedown="MM_swapImage('photo_large','','_images/home3_lg.png',1)" alt="thumb_3" src="_images/home_3sm.jpg"/>
</a>
Your first thumb is being told to swap ITSELF out with another image, followed by another partial copy of the arguments - it's simply malformed so remove the behavior on the first thumb completely and do it again.
That said, your gallery would be better set up with the onmousedown behavior (onclick is better actually) on the <a> tag around the <img> rather than on the image tag itself.
Hope that helps.
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

5800 image gallery problem

hi guys
I recently bought 5800 and i have a question: why does image gallery show all pictures that's on memory card? even if they aren't in picture folder, for example it shows all power mp3 skins, and they r stored in power mp3 directory.
So if i decide to have some private pictures on memory card i cant it will be all shown in Images & Videos, its like phone scans my card and all that is picture file he put in gallery.
thanks in advance !

Have a look at this..
/t5/Nseries-and-S60-Smartphones/Password-protect-a-folder-on-application-screen/td-p/645383
--------------------------------------------------------------------------------------------------------------------------------------------------------------If you find this helpful, pl. hit the White Star in Green Box...

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 question

Similar Messages

Maybe you are looking for