Jalbum Gallery Dreamweaver.

hey guys hows it going.
My last post was about an easy and user friendly way on how to create a photo gallery for a photography website, at the time i was using adobe bridge but nancy had sugested me to download Jalbum.
i have recently just got the free download and i love it already. the only question is how to you import it to your dreamweaver and what page to import it to ?
Thanks.

JAlbum creates the index.html file for you inside a jAlbum Gallery folder. The simplest way to implement this into your main site is with an iframe. Save GalleryName folder to your DW Local Site folder.
Open the parent page on which you want the gallery to appear.
<iframe id="iframe1" name="iframe1" height="500" width="100%" frameborder="0" scrolling="auto" src="GalleryName/index.html"></iframe>
Nancy O.

Similar Messages

Lightbox gallery dreamweaver cs6

Hello, I m tried to insert a picture gallery with dreamweaver cs6 using the widget lightboxgallery, the first problem is that the buttons,next, previous ... are not displayed, the second problem happens when I want to insert a second " lightbox gallery" in the same page.
thank you for helping me

Many people have reported problems with the Lightbox widget. I highly recommend using FancyBox2 instead of that widget. To see a demonstration, copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, with Fancybox2 Viewer</title>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<style>
/**this styles image container**/
#thumbs p {
float:left;
width: 180px;
height: 12.5em;
margin: 10px 0 0 20px;
padding: 10px;
border: 1px solid silver;
/**rounded borders**/
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
/**this styles caption text**/
font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
color: #666;
text-align:center;
/**recommend using same size images**/
#thumbs img {
width: 160px; /**adjust width to thumbnail**/
height: 120px; /**adjust height to thumbnail**/
margin-bottom: 1.5em;
opacity: 0.75;
#thumbs img:hover {opacity: 1.0}
/**float clearing**/
#thumbs:after {
content:".";
clear:left;
font-size:0px;
line-height:0;
display:block;
visibility:hidden;
</style>
</head>
<body>
<h1><a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer with images</h1>

<div id="thumbs">
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a> <br />
Caption 1
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a> <br />
Caption 2
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a> <br />
Caption 3
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a> <br />
Caption 4
</p>
<p><a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/400x320.jpg" title="optional captions"><img src="http://placehold.it/160x120" alt="Thumbnail 5" /></a> <br />
Caption 5
</p>
</div>

<h1>Fancybox with Iframe</h1>
<h3><a class="fancybox" data-fancybox-type="iframe" href="http://example.com">EXAMPLE.COM</a></h3>

<script>
        $(document).ready(function() {
            $('.fancybox, iframe').fancybox();
    </script>
</body>
</html>
Nancy O.

Web Gallery Dreamweaver / Photoshop

Just been looking at Photoshop web gallery creations, but this only refers to creating a website (Photo Gallery), is there anyway I can obtain/use a web gallery as a web page on my site??.

You can try lightbox or simple viewer. Is this what you're looking for?

Easier way to create a photo gallery than this?

Basically, the way in which I'm creating galleries on my sites are a lengthy process.
In DW, I go to Commands > Create photo web album (after creating the three folders to place them in - images, pages, and thumbnails).
Then Fireworks arranges it for me and I make adjustments as necessary in the HTML document.
Once it's done, I go to my hosting service (110mb.com) and I must upload everything - the thumbnails, pages, images - everything. This would be fine if there's only a few photos in the gallery; however, it's quite a problem when the website contains six galleries, each with around 30 photos.
Can anyone give me any advice on how to make this less time consuming?
p.s. I do not want to use a free photo storage - the gallery must not link to an external website.
Thanks in advance.

is there a way to remove the background when embedding the website? This seems like a really simple solution to my problem, but unless I can remove the background colour, JAlbum links and all other unnecessary elements of the embedded webpage, it looks really inconsistent.
To change the background or other elements in your JAlbum gallery, either select a different skin (style) or customize your skin Template (.htt) files.
http://jalbum.net/developer
JAlbum has a discussion forum where you can get help. Use the appropriate group for your skin - http://jalbum.net/forum/index.jspa
Finally, you might find it easiest to bring your Gallery index page into your existing site using an inline frame or <iframe>. You can see an example of this on my web site. View Page Source in browser to see how it's done. http://alt-web.com/gallery.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Linking page to website

Hi,
this is my first time making a website and I am using
dreamweaver CS3, and everything is about done, I made the photo
gallery in JAlbum and I linked my homepage to the photo gallery,
but I cannot seem to make a link on the gallery page, to come back
to my homepage.
I don't know what I am doing wrong, I have made links before
that worked, but for some reason every link I have made doesn't
seem to wanna work..
Any suggestions would be helpful...thanks

The simplest method is to use an iframe on your DW page to
call up the
JAlbum Gallery/index.html page.
Here is an example of a JAlbum (flash gallery) on my site:
http://alt-web.com/gallery.shtml
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Tesha725" <[email protected]> wrote in
message
news:gdd9jg$ao0$[email protected]..
> Hi,
>
> this is my first time making a website and I am using
dreamweaver CS3,
and
> everything is about done, I made the photo gallery in
JAlbum and I linked
my
> homepage to the photo gallery, but I cannot seem to make
a link on the
gallery
> page, to come back to my homepage.
> I don't know what I am doing wrong, I have made links
before that worked,
but
> for some reason every link I have made doesn't seem to
wanna work..
>
> Any suggestions would be helpful...thanks
>

Help with dreamweaver gallery - or ext. for gallery

This link is to a template that I found that I really love how the gallery looks... but I am trying to figure out how to create this gallery with thumbnails along the top where you can click on one of the thumbnails on the left first (in the mouse over section) to activate which set of thumbnails you see at the top. Then once you click on one of those thumbnails at the top the image changes in the main section along with the extra 2 or 3 images that you can right or left arrow click to. http://www.templatehelp.com/preset/pr_preview.php?i=20121&pr_code=J3Yh
More info on what I am trying to do. incase that wasn't just jibberish.
The boxes that have the images on the left (which is the mouse over section) I want to be able to click on one of the images for ex they would be listed as performing arts, restaurants, education etc. I would like to be able to click on one then once clicked have a set of thumbnails at the top of the main image that have one thumbnail for each job. so once you click on the job the main image changes to whatever job image I place in there along with still being able to click through more of the same job in that area like it does now.
I am using Dreamweaver CS4... but if you know of an extension that can do that ... that would be great to.
thanks

That's a Flash site, you know? You can't build Flash sites in DW.
If you're really good with JavaScripts, HTML and CSS, you might be able to cobble something together that resembles the Flash site but it won't be exactly the same. Sorry, I don't know of any extensions that would do exactly that.
For some alternate ideas, loook at Project Seven's image gallery magic and their menu systems.
http://projectseven.com
Also look at JAlbum
http://www.jAlbum.net
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Non Dreamweaver Extension Photo Album (Gallery) Recommendations

Hi all,
I knwo this is a dreamweaver forum, but I also know that it's
the place to
come for non dreamweaver web questions.
So, does anyone have any recommendations for a 'non
dreamweaver' photo album
(gallery)?
I found this one JAlbum, has anyone used it, is it any good,
what are the
pro's & cons of this one?
http://jalbum.net/
Other suggestions?
BW
www.visit-the-coqui.com/home for info about Puerto Rico

That's what I thought, I'm looking for a none dreamweaver
option (cheap or
even better free) - the Jalbum fits that bill, just wondering
what people
thought of it.
Thanks
"Michael Hager" <[email protected]> wrote in message
news:evdvhu$ij0$[email protected]..
> Nope, sorry... it's a Dreamweaver extension.
>
> "BW" <[email protected]> wrote in message
> news:evdv9r$i9k$[email protected]..
>> Hi Murray, can that be used without dreamweaver that
is can it be used
>> standalone?
>>
>> I am looking for a gallery that can be added without
having to use it in
>> association with Dreamweaver
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:evdu10$glg$[email protected]..
>>>
http://www.projectseven.com/
---> Image Gallery Magic
>>>
>>> --
>>> 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
>>> ==================
>>>
>>>
>>> "BW" <[email protected]> wrote in message
>>> news:evdts8$gfp$[email protected]..
>>>> Hi all,
>>>>
>>>> I knwo this is a dreamweaver forum, but I
also know that it's the place
>>>> to come for non dreamweaver web questions.
>>>>
>>>> So, does anyone have any recommendations for
a 'non dreamweaver' photo
>>>> album (gallery)?
>>>>
>>>> I found this one JAlbum, has anyone used it,
is it any good, what are
>>>> the pro's & cons of this one?
>>>>
http://jalbum.net/
>>>>
>>>> Other suggestions?
>>>>
>>>> BW
>>>> www.visit-the-coqui.com/home for info about
Puerto Rico
>>>>
>>>
>>>
>>
>>
>
>

Help - with gallery for dreamweaver

This link is to a template that I found that I really love how the gallery looks... but I am trying to figure out how to create this gallery with thumbnails along the top where you can click on one of the thumbnails on the left first (in the mouse over section) to activate which set of thumbnails you see at the top. Then once you click on one of those thumbnails at the top the image changes in the main section along with the extra 2 or 3 images that you can right or left arrow click to. http://www.templatehelp.com/preset/pr_preview.php?i=20121&pr_code=J3Yh
More info on what I am trying to do. incase that wasn't just jibberish.
The boxes that have the images on the left (which is the mouse over section) I want to be able to click on one of the images for ex they would be listed as performing arts, restaurants, education etc. I would like to be able to click on one then once clicked have a set of thumbnails at the top of the main image that have one thumbnail for each job. so once you click on the job the main image changes to whatever job image I place in there along with still being able to click through more of the same job in that area like it does now.
I am using Dreamweaver CS4... but if you know of an extension that can do that ... that would be great to.
thanks

Dreamweaver doesn't build Flash sites. You would need to build this sort of menu/slideshow with your Flash authoring program.
There are other Photo Gallery solutions you might try instead.
http://JAlbum.net/
http://slideshowpro.net/
http://projectseven.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

How do i remove image links to adobe site with my dreamweaver built flash gallery ?

This is probably a very simple solution, but i can't figure out how to remove the link to the adobe site when you click on the images in my gallery--I built a site in dreamweaver used the insert media option and added my photos---when uploaded, my images in the gallery are clickable and take you to the adobe site...how do i make the images have no link??
here is an example of one of the pages...
http://geckoweb.org/coleonyx-brevis.html
any help is really really appreciated.
thanks in advance

Which version of DW are you running?
There are plenty of jQuery solutions and commercial plugins to create photo galeries.
Some require hand coding,
http://www.typeerror.com/index.php/top-10-latest-jquery-image-galleries/
https://www.google.com.au/search?q=jquery+photo+galleries
others are point and click inside Dreamweaver.
http://www.projectseven.com/products/galleries/index.htm

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 in Dreamweaver

I am updating a site that has a flash gallery displayed within a table cell. I want to replace the flash (.swf) gallery with an html one that would be apple friendly. Is there a way to embed an html/java slideshow within a table on a page? Lightroom exports an html page. Isn't there a way to link a lightroom gallery to dreamweaver the same way you would link photoshop to an image in indesign? easy edits easy display? Am I missing something? Maybe it is a huge pain to create an html gallery on a page... I just updated from cs4 so I don't know all of the available options. Lightroom seemed like the way to go.

There are many javascript photo galleries available online that you could use to do this. I would steer clear of anything that does it automatically (like Photoshop or Fireworks) as the code they generate is horrible.
Look up "jquery slideshow" and you'll have literally hundreds to choose from with most giving a "how to" tutorial. It'll take some basic coding skills to do it though. If you're not ready for that, look into Project VII, they have paid extensions for DW that can do this for you from the Design View interface.

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.

PS gallery linked to Dreamweaver does not show up once on pub. server

i created a photoshop gallery and linked it to my website (Dreamweaver) under construction (as im learning); it shows up fine when i preview it on browser from my computer location, however, it does not show up once on the public server. any help as to the direct problem with this link/file/coding, etc... would be greatly appreciated....
site >>>> http://paulrosal.com/ >>>>> CLICK ON "ART"
******************************CHECK OUT CODING RIGHT HERE******************************

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>gallery</title>
<style>
body,html {
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
height: 100%;
width: 100%;
</style>

<script src="resources/AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
return -1;
</script>
<script language="JavaScript" type="text/javascript">
var startImg = getQueryVariable("startImg");
//alert(startImg);
</script>

<script language="JavaScript" type="text/javascript">

</script>
<script language="VBScript" type="text/vbscript">

</script>
<script language="JavaScript1.1" type="text/javascript">

</script>
</head>
<body><div align="center" style="width:100%; height:100%">
<script language="JavaScript" type="text/javascript">

</script>
<noscript>
// Provide alternate content for browsers that do not support scripting
// or for those that have scripting disabled.
       Sorry, this photo gallery requires that scripting be enabled on your web browser and that the Adobe Flash Player be installed.
<a href="http://www.adobe.com/go/getflash/">Download the Adobe Flash Player</a>
</noscript>
</div>
</body>
</html>

Are you sure you have uploaded everything in the gallery folder to the correct location. It can't find the index.html page.

How do I add .swf created with Photoshop web gallery to Dreamweaver page.?

I've used Photoshop CS3 to create a Flash Web Gallery. I put that folder in my site root in dreamweaver, but when I add the .swf to the webpage- it only shows as a white box. Even when I press "play" nothing happens. What else needs to be done? All of the files created with the .swf are also already in the root directory

That would seem to be a question for the DW forum
http://www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12

Lightroom Gallery in Dreamweaver.

I was making a flash web gallery in Lightroom, and was wondering what I need to do in order for Flash Player to display my images, because right now it’s just blank. Thanks. I'm currently using Dreamweaver 8 but I also have cs3 on another computer. Anyway, thanks for your help.

I've no experience with using Lightroom, but have you looked at these help docs:
http://help.adobe.com/en_US/Lightroom/2.0/WSE7BC7E4B-BC7A-4c05-994A-A6F74113B819.html
There could be something there that helps you get it working :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Jalbum Gallery Dreamweaver.

Similar Messages

Maybe you are looking for