Photo gallery like Béhance
I want to create a photo gallery with Muse with the same features as Béhance. The page shall show the thumbnails only. When selected an overlay pops up showing the large photo on a grey and transparent background. Anyone knows how to do this in Muse?
Hi Thomas,
You should be able to use the 'compositions -> lightbox display' widget under the 'widget library' to be able to achieve the same effect.
- Abhishek Maurya
Similar Messages
-
Creating a photo gallery like the China Gallery in Adobe Labs. How?
I have photos in several categories (I'll use 2, "frank" and "wolfie" as examples here). What I'd like to do is build a photo gallery like the China Photo Gallery shown in the Adobe Labs site, where the user can switch between categories without going to a different page. Here's what I've done so far and how I'm stuck:
I created a photo gallery with the instructions in the tutorial "Building a photo album with the Spry Framwork". I then inserted a Tabbed Panels widget for navigating between the categories.
I set up an XML file as follows:
/* frank category */
<photo
path = "001p.png"
width = "467"
height = "467"
thumbpath = "001p.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
/* wolfie category */
<photo
path = "001f.png"
width = "467"
height = "467"
thumbpath = "001f.png"
thumbwidth = "85"
thumbheight = "85">
</photo>
To create the div holding the thumbnails for the "frank" category, I entered the following:
<div class="thumbdiv" spry:region="dsGallery"><img src="thumbnails/frank/{@thumbpath}" spry:repeat="dsGallery" spry:setrow="dsGallery" class="thumbs" /></div>
To create the div where the full size images will be displayed, I entered the following:
<div class="mainpic" spry:detailregion="dsGallery"><img src="images/frank/{@path}" onload="MM_effectAppearFade(this, 1500, 0, 100, false)" /></div>
Then, in the tabbed panel set for the "wolfie" category, I did the same thing, substituting "wolfie" for "frank". However, since there is only one xml file, spaceholders for all of the thumbnails appear in the thumbnail div for the frank category. I realize that I'll probably need to create a separate xml file for each category, but how do I set it up so the correct xml file is accessed when the link in the tab is clicked? Or am I approaching this all wrong?
From reviewing the source for the China gallery, it appears that they set up links to different xml files instead of Tabbed Panels. How does that work? There are also some javascript files I can't find anywhere on Adobe's site.
ThanksHi,
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 -
Can anyone tell me where I might find a basic flash photo
gallery like the one at the
USAToday
Photo Gallery
I have looked at the code and can't tell if this is a
off-shelf system they're using.
I've also googled the common Flash photo galleries, and can't
seem to find one that will easily allow me to import, browse by
simple button, and use captions and links. Would really be nice if
all of this pulled from a database?
Many thanks,
Steve
Tallahassee, FLHi Thomas,
You should be able to use the 'compositions -> lightbox display' widget under the 'widget library' to be able to achieve the same effect.
- Abhishek Maurya -
Can a photo gallery like this be created in html/CSS?
http://jeffsullivan.smugmug.com/Landscapes/National-Parks/Zion-National-Park-Utah/1946310_ 6PtgP#136213013_XVhBQ
I like the way these galleries expand to browser width - both the thumbs and big image enlarge. I want to learn to make a photo gallery (+ slideshow) perform like this or hire someone with the specific skill set needed to make it for me. I've looked around quite a bit online at photo gallery apps, both free and for sale, including some offered by forum regulars (thanks!), but haven't found one I really liked.
My intent is not to copy this gallery (that would be stealing), just to adopt the expanding images- to browser width feature.
I know Flash could do it but I don't see .swf anywhere in the source... would it be done with Javascript or a combination of apps?What I didn't mention before is that the photo gallery I want will be only one part of a community-based commercial site under development that needs to integrate with other parts.
That's why I'm asking what sort of developer/skills I'd need to make this happen.
I see. OK, for starters you'll need a firm grasp of XHTML, CSS, JavaScripting, and server-side programming such as PHP and MySql databases.
You also might like to look at an open source Groupware solution such as TikiWiki that has a lot of stuff already built into it.
http://info.tikiwiki.org/tiki-index.php
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Hello,
I have built my website using Dreamweaver and show case my photos using simpleviewer pro. I rather like the layout flickr, eg. http://www.flickr.com/explore. Is it possible using Dreamweaver? or do I need another programme to build it?
Thank you.Hello,
Thank you for replying so quickly.
I'd like to replicate only the way Flickr shows the images. The first page in the explore page (www.flickr.com/explore), I like that you can scroll down to see all the photos then you select and it opens in a new window.
Best regards -
How would I create a photo gallery like this in Muse?
Just trying to get the same kind of abilities working in muse. Link for site/gallery below
greg noire - photographerYou can try using lightbox widget. Try playing with opacity in normal and rollover states of thumbnails.
Else, you can add another image on rollover state of thumbnail which may be a little darker than the original one. -
How to make a photo gallery like this?
This couple has an impressive portfolio of mtn climbing
accomplishments that will make you want to get out of your chair:
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
I like the way the pics open in new window exactly the size
of the picture with even black border on all sides, and close upon
clicking. Is this an active html page or is each picture page
created separately? (I could do that - don't want to though...)
Would this effect be easy for a intermediate level person to
create? Would like to find a tutorial. Or just the right
script/code to paste in. =0)That was done with a Dreamweaver extension by Michael Brandt
called
JustSoPic window. I've used it for years. :)
http://valleywebdesigns.com/vwd_jspw3.asp
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: Dreamweaver CS3: The Missing Manual,
DMX 2004: The Complete Reference, DMX 2004: A Beginner's
Guide
Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"onefiftymph" <[email protected]> wrote in
message
news:gfcndi$k30$[email protected]..
> This couple has an impressive portfolio of mtn climbing
accomplishments
> that
> will make you want to get out of your chair:
>
http://www.pfint.com/pics/peaks/RussellWhitneyMuir/RussellWhitneyMuir.htm
>
> I like the way the pics open in new window exactly the
size of the picture
> with even black border on all sides, and close upon
clicking. Is this an
> active
> html page or is each picture page created separately? (I
could do that -
> don't
> want to though...) Would this effect be easy for a
intermediate level
> person to
> create? Would like to find a tutorial. Or just the right
script/code to
> paste
> in. =0)
>
>
>
> -
Help to create a photo gallery..
Can anyone visit this site..
www.ted.com
I want to create a photo gallery like that.. I mean when i hover my mouse over a thumbnail my image should enlarge.. and if i click i should be able to download..
I want that animation while loading between my galleries..
please help me.. please.. no need that various sizes for all tiles.. no problem even if all tiles are of same size.. please.. I need it so badly..
thanks in advanceWhenever I need a gallery like this i usually just buy one
from:
http://www.flashcomponents.net/component/
they are usually like $8-10 and have saved me quite a bit of
time... there are plenty of tutorials out there for custom ones,
but for $8 its hard to pass up a pre-built... i know this doesnt
answer your question exactly but i figured i would give my 2 cents,
hope this helps :) -
How to transfer photo gallery with thumbnails from Fireworks?
Hi
I am trying to create a website. I am using Dreamweaver CS3
and for my main homepage I used one of their templates.
From my main page I give a link to photo gallery. I intend to
build a gallery in Fireworks as I will need a thumbnails for my
photos.
My question is how can I transfer the created gallery to
Dreamweaver CS3? I need the same template I used for my homepage
for my gallery?
Please help!
Thanksjcdesigns wrote:
> I am assuming you are building a photo gallery like you
can in photoshop. In
> Fireworks, are you going to something like:
File>Automate>Web Photo Gallery,
> and pointing to the folder where the images are located,
and Fireworks builds
> the pages, thumbnails and larger images by itself? If
this is the case, then
> you just need to make a link on your home page to the
gallery page.
>
> If you are building this all by hand, meaning you are
making and resizing all
> of the thumbnails and images yourself, you will need to
create a second page
> and place all the thumbnails on that, and link them to
the larger image files
> or pages with those images.
>
> www.projectseven.com has a REALLY good photo gallery for
Dreamweaver and
> Fireworks for a good price. That is the way to go.
Especially if you plan on
> making more photogalleries.
>
Resize your photos as needed to cut down their size use jpg
or png format.
save then in an outside folder.
next inside the directory you use for your web files create a
directory
with either the sme name as the outside folder or name
desired open that
directory.
Open up Dreamweaver and create a Blank HTML page.
Now go to Commands menu and and choose create web Photo
album...
next a menu will pop up and ask directory where images are
located. Then
will ask the destination directory browse to the new
directory you
created. You will also settings for Thumbnail size and
whether to use
captions if you do use captions it will use the file name of
of each
image and you will have to go in and edit the caption names
for the
photos as desired when everything is setup fireworks will
takeover and
create the album. it will create three subdirectories one
with the full
size photos , one with the thumbs, and one with the html
information for
each photo. Plus three other files in main directory one
being an html
file. once completed and Fireworks returns editing back to
Dreamweaver
close and don't save the blank html file. the index file
needed will be
created by Fireworks.
open the index file inside you album directory and edit
cations as needed.
Remember if you do this you'll need a total of 3 times files
of the
photos you use for example.
if you have 30 photos it will be a total of four directories
and 93 files.
for 20 it would be 63 files, for 10 33 files and so on.
If you need to add photos or take away photos the method is
to start
over from scratch and use you FTP program to do a recursive
delete on
the directory then re-upload.
Phillip M. Jones, CET |LIFE MEMBER: VPEA ETA-I, NESDA, ISCET,
Sterling
616 Liberty Street |Who's Who. PHONE:276-632-5045,
FAX:276-632-0868
Martinsville Va 24112 |[email protected], ICQ11269732, AIM
pjonescet
If it's "fixed", don't "break it"!
mailto:[email protected]
<
http://www.kimbanet.com/~pjones/default.htm>
<
http://www.kimbanet.com/~pjones/90th_Birthday/index.htm>
<
http://www.kimbanet.com/~pjones/Fulcher/default.html>
<
http://www.kimbanet.com/~pjones/Harris/default.htm>
<
http://www.kimbanet.com/~pjones/Jones/default.htm>
<
http://www.vpea.org> -
How to make a photo gallery?
hello every body
let me make it simple.
i need a photo gallery like this:
www.albertsoncreative.com
and i use flash cs3
plz explain completely and easily
I really am a noob!
Thank uI just finished making my first photo gallery and it was
really hard - because it was my first project in flash - Ive been
using this website - they have video tutorials - check out the
gallery on this page and if its what u want, click on "watch"
below.
http://www.tutvid.com/tutorials_pages_subs/FLASH/photogallery1.html -
Photo gallery - code missing?
Hi
I'm looking at developing a photo gallery like
but
http://labs.adobe.com/technologies/spry/demos/gallery/
Though there is a snippet of code available, some of the
files are missing, could someone make these available pls?
Thanks>>Can anyone tell me how I can fix this?
Not without seeing the page containing that code. Please
upload the page and
give us a link.
Walt
"nicb137" <[email protected]> wrote in
message
news:gh1kdd$b4n$[email protected]..
>I have found some code that I'd like to use to create a
photo gallery.
>When I
> paste it into the code area of Dreamweaver 8 and preview
it, it just
> appears as
> the text rather than the gallery. Can anyone tell me how
I can fix this?
> Many thanks
> Nic
> -
DDon't like new version of photos by date, want old photo gallery version is that possibke
You can revert to the previous Search Bar scheme like this.
Open up '''about:config''' ''(typed in the Location Bar)''
Right-click and toggle this preference to '''''false'''''
'''browser.search.showOneOffButtons'''
Then restart Firefox. -
Zooming image from mouse position(like in windows vista photo gallery)
hello all;
here's my situation, hope someone can help..
i wanna Zoom an image, which zoom from my mouse position
like in windows photo gallery in windows vista
so i do this..
g2.translate(iMoux,iMouy);
g2.scale(zoom, zoom);
g2.translate(-iMoux,-iMouy);
g.drawImage(icon.getImage(), iSposx, iSposx, d.width/2-iValue, d.height-iBawah, null);
g.drawImage(icon2.getImage(), d.width/2, iSposy, d.width/2-iValue, d.height-iBawah, null);the problem come when i move my mouse to the different location (like from top right to bottom left)
the zoom image displayed in the screen like jump from latest location to new location
anybody can help me...a clue how to do that?
thx appreciate your help guys
mao
Edited by: KingMao on 31 Mei 08 14:27Hi Frank.
Thanks for the response.
Agreed, the pertinent question is why can't my colleague edit the JPG exported by Aperture. It's probably also worth pointing out, the same problem occurs with JPGs exported from iPhoto.
The Windows software usually plays nicely with JPGs by all acounts, just not the ones I send - which I do via eMail or my public space on Mobile Me incidently.
So, another key question is: all settings being equal (color profile, quality, etc.) are the JPGs as produced by iPhoto and Aperture indistinguishable from those produced by other apps on other platforms - i.e. does the use of JPG enforce a common standard?
If that is the case, I suspect ours might be a permissions issue.
According to the Microsoft support page on editing in Windows Live Photo Gallery, the inability to edit a picture is commonly caused by unsupported file type, or read-only attribute set on the file.
Unfortunately, he and I are not in the same place, and he's not particularly au-fait with this type of problem solving. Hence, before involving him, I'd like to know:
1. it's possible (i.e. someone else does it), and,
2. what's involved (at my end and/or his).
Thanks again,
PB -
Hi. I have just started using Adobe Photo Elements 11 and Adobe Premiere Elements 11. I have many pictures in my photo gallery that I would like to use in a project that I am working on. When I opened the photo gallery it said I could not use the photo gallery because it has not been updated. Can someone please help me with this...let me know how to do this...or...Thank you,
BNN, even though I understand what KT is saying, your thought resonates with mine. When it comes to building and maintaining my website, I see myself more as a photographer than as a web designer. Hence, even though Apple may not be actively developing (and we are guessing on this one, arent we) iWeb, the existing functionality should do plenty of good to me for next couple years at least.
That said, they released a point update a few days back and with the whole cloud thing building momentum and mobile me going for free, why would Apple want to pull the plug on such a fantastic product? -
Tagged Folder names like Windows photo gallery??
Hi there
Just wondering if there's anyway you can tell Lightroom you want to capture images into folders with custom tags in the folders name like you can with windows photo gallery?
cheers!Then I tag or name the person and drag them to albums but the event stats there.
I presume you mean the Event "stays" there.
Like iTunes, iPhoto is a database that works on a Library principle. All items are in the Library, each playlist is a subset of the Library.
So in iPhoto, all Photos are in the Library and each Album is a subset of the Library.
Events are just a view of the Library, broken by the date and time the pics were taken. Don't want to see them? Click on the Photos heading for a view of the Library as a single unit, not broken into Events.
And I have to import the Photis everytime, why cAnt I add photos to pictures directory and iPhoto will see them?
Because you might not want everything in your Pictures Folder in iPhoto.
But seriously: How much more difficult is it to drag the photos to
the iPhoto icon in the Dock
or
the iPhoto Window
or
use the File -> Import command
than to drag the photos to the Pictures Folder?
You might want to have a quick look at the tutorials at
http://www.apple.com/ilife/tutorials/#iphoto
Thye may help you understand the basic concepts.
Regards
TD
Maybe you are looking for
-
Since this morning ive been having a rough go with my iPod. The e-mail aspect of it wasn't working correctly, and still isnt. It takes a long time for it to load. Then a friend tried to message my iMessage and instead of coming to my iPod it went to
-
PIC16F877A+UART for Display of Measurements LABVIEW
I need to send four measurement parameters to the PC for display and storage purposes. The software for this aim is LABVIEW. I am new to PIC and Interfacing, but by putting so much effort and asking questions from experts, i could have accomplished t
-
Shipment cost documents in automatic purchase order
Does somebody can help me about a shipping problem ? While transferring shipment cost documents to FI-co with automatic generation of purchase order, SAP create one purchase item order for all my shipment cost documents. Is it possible to customize t
-
My iMac 27 inch is very slow seems to churn and the beach ball is showing
I have an iMac 27" bought in 2010 3.2 GHz Intel core i# processor, 4 GB 1333 MHz DDR3 Memory, 1TB SATA disk. It is running for a long time when starting up and the beach ball is showing several times. It can last for up to 45 minutes for all the pro
-
Web pages take forever (ie, minutes) to load.