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)
>
>
>
>

Similar Messages

How To Make My Photo Look Like This?

I was really inspired by a music video on Youtube. (Ellie Goulding - Goodness Gracious - YouTube) Very nice effects and all so I tried to make one of my photo like the photos above. I tried Neon Glow Filter but it doesn't really seem like these photos above.
How do I give my photo this kind of effect? And what to call this effect? Would you give me any advises? Thank you!

Experiment with changing a layer's influence on your image with the "blend if" sliders in the layers blending options. (drag the sliders, alt-click to separate the sliders and make smooth transitions). the green image in your example, could be as simple as adding a plain layer with a blue-to-green gradient and changing the "blend if:grey" to only show in the darkest shadow colours of the image underneath.

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 u

I 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

How to make the Photo Gallery module responsive?

Hi,
I am using Fondation and have a photo gallery on this page www.sunnysideinstantlawn.com.au/gallery made from the Photo Gallery Module in BC. How do I make it responsive?
I know there are alternatives out there using jquery but I would like to continue using the photo gallery module if possible.
Any help would be greatly appreciated.
Cheers,
Tammy

Hi BBowyer
I really like Pretty Photo (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) - how do I implement it on this page http://www.sheepconnectsa.com.au/gallery?
I understand jquery but it gets abit confusing with implementing it on this page. Would it be best for me to create a web app and do it?
Cheers,
Tammy

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

How to make Web Photo Gallery with 3 columns of thumbnails?

Hi all
I have used web photo galery to build a few sites, but always with thumbnails in a single, vertical column, within a frame that scrolls. and i have never mch liked that scrollbar.
I have come across this page:
http://www.mariannekolb.com/recent.html
which, as i look at the code, may not even be using web photo gallery, but is very similar.
anyhow, does anyone in this group have any idea how this multiple column thumbnail (without scroll bar) is accomplished?
thanks

howsthisforaname wrote:
I see how the css works, and it is much superior to alternatives I have seen.
But I fear I may be overlooking something: are you manually coding the html, writing the captions, and creating the thumbs? or is there a program that generates these?
Manually coded the CSS. Used Photoshop to optimize images, watermark them and create thumbnails.
Used Dreamweaver to insert thumbnails, full-size images and caption text.
If you want software to do the heavy lifiting for you, look at jAlbum.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to make existing Photo gallery module responsive?

I could not find any tutorials how to change the existing photo gallery module so it would be responsive. Is there a solution already?

The link I put above maybe?
CSS - Every element has a default display type but every element can have its block level changed.
A span is an inline element but you can turn it into a block level element. A table element is a table or table cell display type but you can turn it into block level. This is all CSS2/1 stuff so cross browser compatible (but if your doing media queries and responsive the old browsers are not considered anyway) and very straight forward.

How to make my website slidedown like this?

Hello, I'm making a website. And I want to be able to make my page slide up and down like this page https://stockflare.com/landing. Can owsomeone please explain how I can do this with parallax scrolling.

You can try this :
http://musewidgets.com/collections/all/products/scroll-wheel-anchors
Thanks,
Sanjit

How to make a fullscreen slideshow like this?

this is an app I found that the slideshow is what I want to make,but with original slideshow I can't make it,so I really want to know the special way to do
I am using the adobe content viewer on ipad to test my file, is it the reason? some functions are limited?
There is a small pic, when I click it,the whole page flip, then it is a fullscreen slideshow and has some special share link

argantara wrote:
anyone know if i can make a text effect like in this video: http://www.youtube.com/watch?v=gRyPj...1CA12E38536E7C
the moving one that starts in 0:23
and also the font too. can i do it in final cut pro x? or maybe iMovie? thanks guys!
You can use any font available on your system, so if the font is there, or can be bought or downloaded, just use it.
As for the effect, if you mean the text flowing from right to left, you can do it in FCP X pretty easily. Either use a title meant for that sort of movement (like Alex4D Ticker+, which is a free download), or just use a static title like Basic, enter a long text and keyframe the position.
As for the big shake, you may try the "Earthquake" effect that comes standard with FCP X.

How to Make a Background Texture Like This

Can you please take a look at following image and let me know how I can create a background texture (pattern) like this in Adobe illustrator cs6?
I already tried this using Texture -> Grain -> Artistic -> Film Grain but the result is a little different as:
Can you you please let me know how to do that? Thanks

Actually you are close, it needs something like the light factory in photoshop to generate depth.
The easiest way is to go to your local office supply store, by a sample pack of paper then scan a sheet into your computer, instant texture. You can then overlay any color you choose, depending on the original color of the paper though.

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 - photographer

You 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 Discussion Forum like this one with Oracle Portal Applications

Hallo,
My colleagues and I are trying to make somthing similar for our planned intranet-platform and I wonder if there are some prefabricated modules which can be used (we are all enthused by the features of your Discussion Forums).
Maybe you can provide us with papers ("construction plan") how to bring such functionality to our intranet (I searched the Oracle page, but did not find papers of this content).
Thanks,
Chistian

Yes, this would be great. I have looked at some of the Partner Applications but the only module we want is this kind of a threaded message board. I would be very appreciative of this information as well.

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.
Thanks

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

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

How can I make Web Photo Gallery with Photoshop CS6 on Mac 10.6.8?

You can use Bridge to create a web photo gallery.
Here's a video that shows you how to do it:
Hope this helps!
Julia

How can I make a photo look like it's on a 3D Box Canvas?

Hi,
I have been scratching my head trying to figure out a way to make a photo look like it's wrapped around a wooden frame, like on a box canvas. I'm not concerned with the canvas texture, I just want to know how I can apply an effect or an action to a single image to give it depth. Any ideas?
Ross

the one i posted was a psd file using a smart object. Double click the smart object it then opens a new file, you add the photo you need, as you from the example that image is wide screen, my photo wasn't, so you use the 2nd file to make the photo fit how you want, then save and it then alters the original file, hence smart object. The background too was one, hence the perspective.
The splicing etc is ok , as you say if you have an odd one to do.
So essentially you make up the smart object once and then reuse. As you woudl need to make the canvas / canvas's into several templates for your liking, be it square / portrait / landscape or even spread over several canvases
The example i showed here is an illusion, but a pretty good one, It NOT 3d. Its done with shadows, this is the smart object.
as you see its just a perspective rectangle with the top and bottom left cropped off for the depth.
these are the psd layers as you see there are only 5, its not an action, but googling i did see an action, i think it was $35. But as i said bear in mind the amount of possible boaard canvases you may want.
2 of the other layers as you see are for the lighting and the top one is the 3d illusion effect, this particular one has the canvas effect too. I can't remember where i got this one from. I think graphic river do 3d canvas though, there will be others.
Another thing to consider if using an action is if it can do multiple boards. like ...
again just to show you before the illusion
Pretty much example like the emboss effect you can use, all done with lighting and darkness.
http://graphicriver.net/item/more-canvas-mockups/2581097?ref=riverpsd
http://graphicriver.net/item/canvas-mockups/917210?ref=riverpsd
there will be other avenues if you google

How to make a photo gallery like this?

Similar Messages

Maybe you are looking for