Photo Gallery - mouseover

I am a complete noob with ajax. I used the photo gallery for
a site and would like to change the default click behaviour to a
mouseover/mouseout behaviour. Thanks for any help. The code for
displaying the gallery looks like this:
<div id="thumbContainer" spry:region="dsGallery
dsData"> <img src="{dsData::thumbnail/@base}{@thumbpath}"
spry:repeat="dsGallery" spry:setrow="dsGallery" /></div>
<div id="main" spry:detailregion="dsGallery
dsData"><p>{@title} <span
class="pipe">|</span> {@size}" <span
class="pipe">|</span> {@medium} <span
class="pipe">|</span> {@price}</p>
<img src="{dsData::large/@base}{@path}"/>

Hi Aero,
Just change:
spry:setrow="dsGallery" to
onmouseover="dsGallery.setCurrentRow('{ds_RowID}');"
and it will work.
'Spry:setrow' is just a shortcut for
onClick="dsGallery.setCurrentRow('{ds_RowID}');".
We made it because it is very common in the master/detail
workflow.
Hope this helps,
Don

Similar Messages

Photo Gallery bug in IE7

http://labs.adobe.com/technologies/spry/demos/gallery_pe/dynamic/index.html
On mouseover, selected thumbnail expands behind other
thumbnails instead of hovering over them. Works fine in FF.
Is there a way to fix/override this?

@Kin
The gallery demo files do not put an anchor link around the
thumbnails. The article you list is describing how to alter the
files for (newer?) examples that require about 8 different include
files -- which, given the already HUGE download hit required to run
a photo gallery, seems excessive.
Can adobe not write up a solution that works for the sample
files for the gallery that only requires 3 includes + 1 css file
(which can be added to your own style sheet to avoid yet another
file download)?
Or, is there someway to grow the thumbnails from the bottom
right corner, thus avoiding any overlap by subsequent thumbs? I
tried setting the grow from center to false in SpryEffects but it
appeared to have no effect on the function in the gallery.

Magnify effect in photo gallery, need help...

Heya,
So if you visit
http://www.hookmedia.biz/cabinet_source/v4_f
and navigate to the "Gallery" page you'll see that, below the area
the large photo is displayed, there is a "film strip" of thumbnail
photo's. I need these photos to be magnified when you mouseover
them but I'm unsure of exactly how to do that. Can anyone help?
You can download the entire .fla via this link:
http://www.hookmedia.biz/cabinet_source/v4_f/index/fla
Once downloaded, double click on the main content area
(titled content_mc) and navigate to the second frame and open the
"photo_gallery" or "gallery" folder where you'll find the first
layer is actionscript for the photo gallery.
Thanks!

You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Advanced photo gallery - need help with MCs

Hello all. I have a photo gallery I am creating that can
contain up to 120 images. Rather than create buttons and movie
clips for each, I am hoping to dynamically build it with 1 movie
clip. But I am having trouble with my code. Here's what I am trying
to do:
Duplicate a movie clip on the stage with an instance name of
e1, giving each successive MC an instance name of e[i+1]
load external images into each movie clip representing images
e1 through e120
set the alpha of the movie clip to 50%
then onRollOver:
Set alpha to 100%, resetting to 50% onRollOut
onPress
assign a variable equal to the image loaded (e1 - e120)
pop up a box and pass the variable into it, which will then
load a larger version of the same image being called from a
different folder.
That being said, here's my flawed code
var i:Number;
for (i = 0; i < 119; i++) {
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
this.loadMovie("images/thumbnails/e" + i + ".jpg");
This code is not working on anything other than the first MC.
Here is the code for mouseover functions:
var i:Number;
for (i = 0; i < 119; i++) {
this["e"+i].onRollOver=function() {this["e"+i]._alpha=100};
this["e"+i].onRollOut=function() {this["e"+i]._alpha=50};
this["e"+i].onPress=function() {
_root.myVar = ["e"+i];
_root.myLargeImage.gotoAndPlay(2)
The problem with this section of code is that the dynamically
loaded movie clips do not accept any event commands (onRollOver,
onPress, etc). It is fine before I load external jpegs, but not
noce they are loaded
Any help would be GREATLY appreciated.
Thanks

You rollover code doesn't work because you are assigning the
functions
before you load the images. The loaded images remove your
code. You should
not use loadMovie and use the MovieClipLoader class instead.
Then, in its
onLoadInit method you can assign your functions - so that
they are assigned
after the clip is loaded. Also, I'd either just create empty
clips, on the
fly, to load into or attach from the library. And
duplicateMovieClip is not
a property it is a method - calling like you are doing will
not work. If
you'd look in the Help you'll see that duplicateMovieClip can
accept an init
object, and also returns a ref to the new clip... So your
code can be much
simplified:
this.holder.duplicateMovieClip; //duplicates the MC holder
already on the
stage
this._name = "e"+i;
this["e"+i]_x = _x + 50;
this["e"+i]._alpha = 50;
To:
this.holder.duplicateMovieClip("e" + i,
this.getNextHighestDepth(),
{_x:theX, _alpha:50});
And you can't set _x to _x + 50 like that... for one you'd
need to use more
like this._x = this._x + 50 or this._x += 50. But it still
won't work here
since all the new clips are going to be created at x=0. You
need to
increment a variable... or base the spacing on your loop
variable, i - like
i *50.
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Filename in Photo Gallery

Since updating my iPad2 to iOS 8, the filenames have vanished from the photo gallery. I am a designer and I used to take the filename of photos as reference for my clients. I have more than 8000 pictures in the gallery. Please HELP
Hate Apple so much for ruining my work.

I Can't ever recall seeing file names in the default Photos app. Perhaps you were using iphoto on your iPad which is no longer supported? Check the App Store for other photo handling apps To find one that shows the file names. I use Photo Manager Pro to show photos to my clients. It does a better job of that than the Photos app. you can set the preferences there to display the file name.

Photo gallery with Thumbnail View in Flex 3

Hello everyone
I very urgently need an answer to a very simple qeuestoon. I have been trying really hard since days to get a solution to this simple problem but in vain.
I am building an application in Flex 3. I simply want to create a photo gallery with a thumbnail where when the user clicks on a thumbnail, the image is shown in the canvas/tab navigator box next to it. The images are stored in a local folder (in src) are ARE NOT on available on any web link.
The Vbox with the thumb image and the .xml file has been created. But when I click on the thumbnail, the full image cannot be seen in the application. I dont know if this is a problem with data binding or what.
Please help!!!
Thanks a ton.

Check the folder structure
Flash is not able to get some file thats why the IO Error.
trace the url path just before u load the file and u will be abel to find whether that file is in specified folder or not.
http://www.darshanrane.com

Photo Gallery not showing photos in computer Web browser

None of my photo gallery photos are showing up in a computer's Web browser? They show up fine when you click "View Web Journal in Safari" on an iPad 2, but when I publish them to iCloud and Share the Web Journal Link, the photos don't show up?? It's happening with all of my Journals. It doesn't work on a Mac or Windows? What gives??
You try it:https://www.icloud.com/iphoto/projects/#1;CAEQARoQdoVWsxptdYjcSQD-Rg1QVg;B692688 8-A220-4FF7-848F-6383BB15A5DB

Arrrrrrrrrrrrrrrrgh, matey. They all show for me in Safari but require several page refreshes to get them all to display. Those that don't display will if I click on it and then go back to the page. However, when retuning to the first page will put be back at square one and require multiple refreshes to get them to display, but not always.
Also, the page links are all messed up. Clicking on them just returns me to the first page. If I Option click on a page link from Page 1 I will get to the right page.
I am unable to get Firefox or Chrome to work at all on your gallery.
Send a bug report to Apple via http://www.apple.com/feedback/iphoto.html. You can include the URL to this topic in order to include my comments and findings.
OT

Photo gallery problems in Vista IE

Hi there,
I've made Spry Photo Gallery which works fine on Mac(Safari, Opera, Firefox) on Windows 2000 pro IE but don't work on Vista IE.
I can not find a problem. Can anyone help!

It is an HP dv6040ca that has vista 64-bit on it. It has a NVIDIA sata driver, that I have tried to up date today.
Drat. HP has been offering a Microsoft Standard Dual Channel PCI IDE Controller Update/Rollback that has been helping with this sort of thing on desktop models (32-bit), but they aren't offering it on notebooks.
Are you up to date on that BIOS update they are offering? (They don't say what it does, but it might be worth a crack.)
Software & Driver downloads: HP Pavilion dv6040ca Notebook PC (Vista 64-bit)

Photo Gallery Database in Dreamweaver Help

Can anyone offer advise on a simple solution for a photo gallery based on a database that can be intergrated to a website that I'm creating in Dreamweaver. Does anyone know of any widget like options and or templates? Thanks in advance.

I have a PHP script that dynamically populates the page with images from a folder. I don't keep images in a database.
http://alt-web.com/GALLERY/GalleryTest.php
Nancy O.

Photo Gallery - works in Safari but not Firefox .. ?

Hi,
I have a photo gallery at http://www.sg-karting.com/Racing/Photos/Photos.html
When I go into the albums, pictures are displayed in Safari but not on Firefox.
When creating this page on iWeb I selected 'Web Gallery' instead of 'Album'. Does this make any difference?
Regards.

I have just visited "http://www.sg-karting.com/Racing/Photos/Pages/KartingEdgeRound-1.html" using both Safari Version 3.0.4 (523.12) and Firefox version 2.0.0.9 on a G4 PB 10.4.11. And both browsers displayed the same information from what I can see. All the pictures revealed themselves.
Have I picked the correct album for your example?
I tried other area's of your web site and all appeared to be the same as the Safari. Maybe you need to clear your cache.

Photo Gallery thumbnails in business catalyst render in different sizes in different browsers

Photo Gallery thumbnails in business catalyst render in different sizes in safari and chrome but are fine in firefox. What is the issue with Safari? I have tried the different algorithm options such as fill_proportional etc and firefox is the only browser that displays correctly. I thought safari was the most standards compatible browser - what's the problem here?

Hi,
If you have seperate XML file but with the same basic structure then you can change the XML a Spry dataset refers to and regenerate the spry region without reloading the full page.
So on my photo gallery page I can change the album the photos are shown from via the seturl sprydata function as below. dsPhotos being my Spry dataset that points to the relevant XML dataset with my image references and captions etc. My XML is actually dynamically generated from Picasa RSS feeds (and RSS feeds are XML) but the principle will be the same with your static XML.
First I add an event listener for when someone clicks on an album (the li tag within my div with the id "albums" holds a photo and title for each album.)
function Albums()
var myalbums = Spry.$$("#albums li", "TabbedPanels1")
var rows = dsAlbums.getData();
var setListener = function( element, value )
Spry.Utils.addEventListener( element, "click", function(){ showAlbum( value ); },false );
for( var i = 0, length = myalbums.length; i < length; i++ )
setListener( myalbums[i], i );
Then this is the code which changes the photo album to be shown. (when the user clicks the relevant album)
function showAlbum(i)
pauseShow();
pImage = 'No';
var rows = dsAlbums.getData();
var albumid = rows[i]["albumid"];
var url = "xml/PicasaAphotoFeed.asp?albumid=" + albumid;
dsPhotos.setURL(url);
dsPhotos.loadData();
var rowcount = dsAlbums.getRowCount() - 1;
var nextalbum;
var navnext;
var n;
The page is here www.thehmc.co.uk/photo5.html is you want to see it in context.
In your case showAlbum would switch between Frank.xml or Wolfie.xml depending on how you decide to name your xml datasets.
Regards
Phil

Photo gallery in details view

Hey all. I'm developing a site for a real estate agency. I have built a web app that lists and displays individual properties. I have managed to hook up Business Catalyst's Photo gallery module that displays a specific gallery (one for each property) on the details page template. I did this by creating a text sting field in the web app, into which you can input the gallery tag specific for each property. Like this: ({module_photogallery,33715, 4,,6,175,150,ThumbnailAlgorithm,fill_proportional}). This works, but the client now says they don't like the "lightbox" function of the default BC gallery module, and want it to function differently. As in having clickable thumbnails that populate a static image area. Is this possible? I understand that I could use different image galleries, if it were a gallery on a static page. My problem is that I need a gallery that can be different for each web app item and work within the details page of a web app. Any help would be appreciated.
Here is the test link: Anne Rogers Realty Group, Inc - Committed to our clients, our neighborhood, with personalized service every time. note the way the list and details pages function.
Thanks

Yes,
What you are seeing by default is shown as 'My folders' view. It's a flat alphabetical list of the last level subfolders in which you have media files.
Click on the little yellow icon just right of the 'My folders' title bar, and you switch to the 'Folders' view which reflects what you see in your explorer. The difference is that by default, you see only subfolders having image files; if you want to display subfolders without image files, right click on the master folder and choose to show empty folders; that choice is not sticky.

Photo gallery in DW

Ok, so I have my page layout almost completed in DW. Id like
to add a photo gallery to my page, but not the kind DW
automatically creates. Id like the gallery to stay within my page
layout, and have a few rows of thumbnails, and when a thumbnail is
clicked on, the larger image appears within my page layout, not a
blank new window. Is this possible in DW?
Im very much new to DW and FW, so any help is appreciated.
Maybe I need another application to create the photo gallery
and then insert into my page design?
Please help. Thank you.

I have a few galleries which may work for you:
http://www.kaosweaver.com/extensions/details.php?id=82
http://www.kaosweaver.com/extensions/details.php?id=1
First one is free and puts the layout in a table.
Second one is commercial ($39) and does what you want, but
doesn't work
in a fluid layout easily (requires extra work beyond the
extension)
Paul Davis
http://www.kaosweaver.com/
Visit us for dozens of useful Dreamweaver Extensions.
http://www.communitymx.com/
Partner at Community MX - Extend your knowledge
dellvostro wrote:
> Ok, so I have my page layout almost completed in DW. Id
like to add a photo
> gallery to my page, but not the kind DW automatically
creates. Id like the
> gallery to stay within my page layout, and have a few
rows of thumbnails, and
> when a thumbnail is clicked on, the larger image appears
within my page layout,
> not a blank new window. Is this possible in DW?
> Im very much new to DW and FW, so any help is
appreciated.
> Maybe I need another application to create the photo
gallery and then insert
> into my page design?
> Please help. Thank you.
>

Photo gallery in as3

I'm making photo gallery where photos will be loaded from external xml file but i have problem. I want to add an effect when photo is changing like on this site: http://www.studiomelon.pl/index.html#/1/ Could somebody help me with that? I am noob in flash so please explain it as clear as you can. Thanks.

I was sesrching for that for a long time before i created this tread. There is many tutorials and exaple files for page flip or page turn but i cant find good one. Many of them was coded in as1 or as2 other using php and java script so its difficult to understant. I just want one simple solution for that. It cant be so hard to create something like that. Could you help me to find some good and simple tutorial in as3?

Photo Gallery in Dreamweaver using Fireworks

How do I add images to a photo gallery that I created in
Dreamweaver using Fireworks? I created a photo gallery and I
changed my background color and other settings, but I need to find
any easier way to add images without messing up my settings. Each
time I add a photo, I don't want to have to change 40+ web pages.
Can someone please help? If there is an easier program to use, then
I will change programs.
Thanks for your help!

Sorry in advance if the following comment is missing the
point of your question.
Ans: You need to export (>File > Export) the image that
you have manipulated in Fireworks to an images folder in your
dreamweaver website. You will be prompted for an optimum file
output (JPEG, GIF etc) during this process. Then close Fireworks
and open DW. Then place your curser at the point in the webpage
where you want to insert the image and then select Menu > Insert
> Image. Browse to the image that you have created in Fireworks
and press enter. Job done! Fireworks is a fantastic s/w application
... and there's no need to look elsewhere.

Photo Gallery - mouseover

Similar Messages

Maybe you are looking for