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

Similar Messages

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.

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

How to insert "+" in image gallery caption

Hi,
I hope you can help. I created an Image Gallery in
Dreamweaver 8. I also added captions, however, some of my captions
require the "+" sign and I can't get it to show up in the captions.
I tried editing the code using + and everything else known
to man. There is probably and easy solution, but I need help.
Thanks.

The captions are embedded in the Flash Gallery? You would
have to ask this
in a Flash forum.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"off2theocean" <[email protected]> wrote in
message
news:glsb2f$22a$[email protected]..
> Here is a link to the test page.
>
http://www.rickgaulttraining.com/about_us1.html
>
> Some of the horses in the gallery have a '+' after there
name, but it's
> not
> showing up. The '+' sign designates the horse's show
record so it's
> pretty
> important.
>
> Hope you can help. Thanks!
>

Image gallery w/search

I am working with Dreamweaver 8 and Flash 8 and was wondering
how to make a image gallery. What I need is an image gallery with
upto 100 images in each category. I would like users to be able to
search (say texture) and come up with the results. If PHP is needed
where can I find a free PHP script? What is the best way this can
be done?
Thank You in Advance
Vince Mendella MGDC
graymatter studios
e. [email protected]

>>Can this be done with Flash? If so, how.
Yes it can be done. How? You're going to need to start
reading tutorials...
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

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

Help needed with simple image enlargement when viewing a gallery

Hi
I have a gallery component linked to a data thumb list. This all scrolls fine and works. When someone clicks on a thumb it shows the
image larger. Then I would like it if you click on the larger image it fills the height of the page to see an even bigger view. I have managed to do this but some of the buttons do not work in the area were this image is even if the image is not showing and the image will not go back to its off state even though it has an interaction to do so. If I drag the image component down the layers panel so it is behind all the other bits on my page it all works, the image enlarges and disappears so the previous state is shown. The problem with this is I want the image to cover everything behind it, not be behind everything. I have included a couple of screen grabs just to give you an idea.
sc 1 simple data list and image component
sc2 Enlarged image but can not get it to go
sc3 enlarged image can come and go no changes except I have moved the layer panel down
to the bottom
Any ideas how I can get this to work properly would be much appreciated
many thanks

I have sorted this out. There might be other ways of doing this but I added a button to the large image gallery component.
constructed a rectangle the same size as the large image and set the opacity to 0. The whole area is now a button you can not see.
One click anywhere on the image removes it with an interaction back to the first state which is off.
hope this help anyone

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

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!

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

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

How can I create a high res image gallery, need to have print res photos for a pressroom section.

How can I create a high res image gallery, need to have print res photos for a pressroom section.

If you want Muse to "pass through" your images and not adjust, compress, crop etc - you need to place your images in the lightbox EXACTLY at the right size, pre-cropped and prepped in Photoshop.
So if your light box is 800x600 the image you're dropping into that must be 800x600 exactly with no effects, rotation etc added to the lightbox frame. This stop Muse fiddling with your images, if they are perfect when inserted and you're not asking Muse to crop, expand, add effects etc. If it's perfect when inserted, Muse SHOULD also leave the resolution alone too, but I have not tried that one, but in theory, it should work.

Need advice/idea about Image gallery

Hello to ALL!!!
I'm trying to make an dynamic image gallery WITH!!! some
active buttons above (for example: BUTTON1 with function "delete"
and BUTTON2 with function "update") a picture and some "dataoutput"
below (for example:Price). So, separate cell must look like:
BUTTON1 BUTTON2
<Image>
PRICE
For implementation this task I have:
1) mySQL database "gallery" with table "test" and columns
"Id", "path to image", "Price"
2) 2 gifs: BUTTON1, BUTTON2
Before my first trying I thought that it's simple, and I've
tried:

<cfquery name="qTest" datasource="gallery">
SELECT * FROM test
</cfquery>
<div id=imagecont>
<cfoutput>
<cfloop query="qTest">
<img src="../Button1.gif />
<img src="../Button2.gif /><br>
<img src="#qTest.path to image#" />
<p>#qTest.Price#</p>
</cfloop>
</cfoutput>
</div>
And it worked normal. BUT!!! Looping had a vertical
direction! And any CSS rules that I've applied to DIV "imagecont"
(weight, height) hadn't any effect.
So, what I've get:
I see all necessary information (on browser), but I don't
know, how to format it with my dreaweawer cs3 and CSS.
And I afraid that I've chosen a "wrong method" (I mean my
code above)
Please, give me some recommendations or advices.
How can i archive my needs?
How to use CSS in div tag, which includes <cfloop>
code. I've also tried to use CSS with structure like:
<div id=a>
<cfoutput>
<cfloop >
<div id=b>
DATA
</div>
</cfloop>
</cfoutput>
</div>
But (div a)'s CSS rule HEIGHT take's no effect on <div
id=b> :(
And what about useful technique for displaying " action
buttons" above each image in dynamic image gallery???
Great THANKS for your answers/comments!!!!

the css attribute you are looking for is FLOAT.
see if something like
http://www.photos-of-laos.org/top-rated.cfm
is
what you are after in general images layout terms. feel free
to check
the generated html :).
re general css knowledge i highly recommend the book
"Bulletproof CSS"
by Mark Grabinski.
re the 2 buttons above the image: consider turning them into
css image
overlays instead (when the buttons appear OVER [not above]
the image
only when a user mouses over) - it looks much better that
way.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

I recently purchased a Canon 7D. I own Adobe Photoshop/Bridge CS5. I cannot open my raw images in Bridge. I have tried to download the plug in but does not seem to work. Please Help, I need to be able to open my raw images in Bridge ASAP. I do not want to

I recently purchased a Canon 7D. I own Adobe Photoshop/Bridge CS5. I cannot open my raw images in Bridge. I have tried to download the plug in but does not seem to work. Please Help, I need to be able to open my raw images in Bridge ASAP. I do not want to upgrade to CS6 at this time.

If you had given us sensible information, I could look it up for you if your efforts fail.
Right now, I don't even know if you are on a Mac or on a Windows box.
BOILERPLATE TEXT:
If you give complete and detailed information about your setup and the issue at hand, such as your platform (Mac or Win), exact versions of your OS, of Photoshop and of Bridge, machine specs, what troubleshooting steps you have taken so far, what error message(s) you receive, if having issues opening raw files also the exact camera make and model that generated them, etc., someone may be able to help you.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

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! I need a special image gallery!!

Similar Messages

Maybe you are looking for