Help for beginner! Photo gallery
I have found 2 templates in a free website
Here is the attachment:
www56.zippyshare.com/v/98974987/file.html
The problem I have encountered is that I have no idea in removing the stack gallery after I click the return to main menu button. Maybe you have to spend some time on the logic of the templates. But I really hope you guys can be patient to help.
Well, to be honest, I have tried whole day finding out the method through google and video tutorials. Fortunately, I think I can handle in loading the stack gallery in the first page. Like using XML codes or loading .swf.
But still can't remove/unload the gallery after I hit the return button.
So please generous guys can give me your ideas.
something like this...not quite working
function updateSlide() { // load photo, update caption and status fields
setTimeout(targetPhoto.loadPhoto(photos[currentIndex], 2000);
caption = captions[currentIndex];
statusField = (currentIndex+1) + "/" + totalSlides;
Similar Messages
-
Searching for Flash Photo Gallery with numbered navigation menu.
I'm looking for a photo gallery with a numbered navigation
menu. I've seen this gallery on several flash web pages. Is this
type of photo gallery a template that comes with flash? Has anyone
come across a tutorial for a photo gallery similar to the link
below.
http://www.rockcreeksm.com/index.php/work/portfolio/i made this one:
http://www.goldbergphotography.com/
but there are quite a few simpler photogalleries. use google
to search for some tutorials or templates. -
Help with embedding Javascript for Lightbox Photo Gallery in Muse!
Hi all:
I am fairly new to Muse and I have been having trouble finding relevant information for embedding Javascript in order to get a lightbox to work in Muse. Would anyone be able to walk me through embedding the Javascript for the Lightbox Photogallery for Picasa in Muse?
This is the code I want to use: Lightbox Photo Gallery and Slideshow for Picasa
And this is the look I am trying to accomplish within my Muse site: Cycling Around The World / January 2006 / Picasa Template by www.paulvanroekel.nl
Any help would be appreciate. Thanks much,
AlexisHi,
I have tried inserting the script that you have pasted above as HTML on my test site and it worked.
What happens is whenever you insert something as HTML, Muse by default creates a div tag and places the content within the div tag. What I have done differently is I have inserted the JS with in the <script> tag and it has inserted the Javascript in this manner,
I beleive that since this a browser re-direct script that you are using, you would like to place this in the head section and not in the body tag, however, that is certainly not possible using Muse as it does not allow access to the code it generates as a muse file.
You, can still export the pages as HTML and make the appropriate changes there before uploading to the server.
Hope that helps.
Regards, -
Need Help Removing XML Photo Gallery on Button Click
Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help. I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery. this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you Code: Select all var imageX:XML; var imageList:XMLList; var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160; var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req); function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); } function imageLoaded(e:Event):void { canvas.addChild(picLoader); } Code for the buttons in different keyframe. Code: Select all stop(); kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick); function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); } function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); } function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); } function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }
Hi, I'm new to flash so this might seem like a dumb question, but I'm right in the middle of designing a photography site and need some help. I have 4 buttons in my timeline that go to the corresponding frame labels when clicked, above each frame label is a keyframe with actionscript applied to it, that will load an external XML photo gallery. I need the current photo gallery that's on the screen to disappear when I click on a new button to load the new XML photo gallery. this is the code that will be above each frame label with a few changes, then below this is the code for my buttons. Any help is greatly appreciated. Thank you Code: Select all var imageX:XML; var imageList:XMLList; var canvas:MovieClip = new MovieClip(); var picLoader:Loader; addChild(canvas); canvas.x = -155; canvas.y = 160; var req:URLRequest = new URLRequest("gallery.xml"); var imageLoader:URLLoader = new URLLoader(); imageLoader.addEventListener(Event.COMPLETE, onComplete); imageLoader.load(req); function onComplete(e:Event):void { imageX = new XML(imageLoader.data); imageList = imageX.image; picLoader = new Loader(); picLoader.contentLoaderInfo.addEventListener(Event .COMPLETE, imageLoaded); picLoader.load(new URLRequest (imageList[0].url)); } function imageLoaded(e:Event):void { canvas.addChild(picLoader); } Code for the buttons in different keyframe. Code: Select all stop(); kids_btn.addEventListener(MouseEvent.CLICK,onKidsClick); couples_btn.addEventListener(MouseEvent.CLICK,onCouplesClick); portraits_btn.addEventListener(MouseEvent.CLICK,onPortraitsClick); bellies_btn.addEventListener(MouseEvent.CLICK,onBelliesClick); function onKidsClick(e:MouseEvent):void { gotoAndStop("kids"); } function onCouplesClick(e:MouseEvent):void { gotoAndStop("couples"); } function onPortraitsClick(e:MouseEvent):void { gotoAndStop("portraits"); } function onBelliesClick(e:MouseEvent):void { gotoAndStop("bellies"); }
-
Troubleshoot Main Image for spry photo gallery
Hello, I am modifying some spry files to see if I can get the
hang of it using my images. I have taken the photo gallery files
gallery.js
SpryData.js
SpryEffects.js
xpath.js
The folder structure contains images and thumbnails on the
root folder as well as the ap.css sheet and photos.xml
The page is
http://www.proximita.com/learning/index.html.
Since I only have 1 photo gallery (and I did the getting
started tutorial and worked fine I wanted to add the slideshow
effect in the spry demo functionality) I only have one xml doc and,
as mentioned, the both image folders and the css sheet are on the
root, and the all the js files are in an includes folder.
The thumbnails show up fine, but, the main image does not
show up at all. I am almost sure this is a bad reference somewhere
or a begginners mistake but I cant find it.
I did modify the gallery.js because it referenced 2 or three
variables (like dsPhotos and dsGalleries that are used for the demo
I only have dsGallery) and I cahnged all of the other refrences to
dsGallery.
I think I am having problems here:
function ShowCurrentImage()
var curRow = dsPhotos.getCurrentRow();
SetMainImage("galleries/" +
dsGalleries.getCurrentRow()["@base"] + "images/" + curRow["@path"],
curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
you can check out the whole code here:
http://proximita.com/learning/includes/gallery.js
Im unconcerned with appearance for the moment, and would just
like to see the main image and the slideshow functionality.
If you can help, please do. Thanks, Mario.yes, I suspect that is because the tutorial talks about
building this from scratch and uses that name for the "thumbnails"
div rather than what they actually use in the demo files...
confusing, to say the least.
It would be nice if there were a simple document with demo
files that didn't include other stuff unrelated to JUST the slide
show (gallery)... and if the whole layout were more simple,
css-layout-wise...
or, if the demo files were commented with what each bit is
for and how to modify it.
quote:
Originally posted by:
Dragos GEORGITA
Hi Mario,
I took a look at your sample and I've noticed you change the
ID of the container that holds the thumbnails (it was called:
"thumbnails". now it's "thumbContainer").
You need to open gallery.js and change the observer to point
to the new container:
Change
Spry.Data.Region.addObserver("thumbnails", function(nType,
notifier, data) {
To
Spry.Data.Region.addObserver("
thumbContainer", function(nType, notifier, data) {
Regards,
Dragos -
Help putting a photo gallery in Dreamweaver CS5.5
Hi,
I'm new to web design and have been learning to use DW CS5.5. My goal is to design a website for my small, online antiques business with a photo gallery in it.
The Adobe Extension site lists several photo gallery options, but none for CS5.5. Does anyone have any ideas on how I can easily, or fairly easily add a simple photo gallery to my new site? By simple, I mean thumbnails linking to a page with a larger photo and descriptive text, nothing else. I really want to keep it simple.
Is my only choice to build it myself from scratch?
Any help you can give will be most appreciated.
Terry3Mchello Terry,
There is a website called www.templatesold.com you have to pay.. but i have a login
there are a lot of templates of photo gallerys.
email-me [email protected]
Leonardo Hermoso
bovespa -
Help with scrolling photo gallery
I'm using the code below to for a scrolling photo gallery. I got this from another forum on Adobe. My problem is that I can't get my images to upload. I uploaded this for an image but it's not working:
<img src="images/baca_poster_small.jpg" data-cycle-title="image1">
Can someone please help me with getting my pictures to work in this?
Thanks!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 document with Cycle2</title>
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
<style>
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0 auto;
width:45%; /**adjust width as required**/
.cycle-slideshow img {width: 100%;}
</style>
</head>
<body>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Slideshow</h1>
<!--begin slideshow-->
<div class="cycle-slideshow"
data-cycle-pause-on-hover="true"
data-cycle-speed="700"
>
<!--your images go here-->
<img src="http://malsup.github.com/images/beach1.jpg" data-cycle-title="beach1">
<img src="http://malsup.github.com/images/beach2.jpg" data-cycle-title="beach2">
<img src="http://malsup.github.com/images/beach3.jpg" data-cycle-title="beach3">
<img src="http://malsup.github.com/images/beach4.jpg" data-cycle-title="beach4">
<img src="http://malsup.github.com/images/beach9.jpg" data-cycle-title="beach9">
<!--end slideshow-->
</div>
</body>
</html>Is this supposed to be a WordPress site? None of these images are found on the server. Those folders don't exist either.
<img class="first" src="mosspictures/DSCN0038.JPG" alt="">
<img src="mosspictures/DSCN0040.JPG" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-5.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-6.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-1.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-2.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-3.jpg" alt="">
<img src="wordpress/wp-content/themes/MarcMossTheme/image-4.jpg" alt="">
Nancy O. -
Hi All
would someone beable to help me with some code, I downloaded a photo gallery example, at the moment the movie plays the photos when you click a button(timer)
What I'm trying to do is to get the movie to auto play the photos on load rather than having to click the button. I have been lookin in the scrip, I think its something to do with
// initialize values
currentIndex = 0;
but when I change this value to 1, not much happens, would some be able to have a look within the code and see where I can change it so that the movie runs the images automatcally on load.
I have pasted the code below, hope this is ok?
many thanks for anyones help!
CODE:
// (c) Copyright by Andrew DiFiore. All rights reserved. DO NOT REMOVE.
fscommand("allowscale", "false");
Stage.scaleMode = "noScale";
targetPhoto._visible = false;
slides_xml = new XML();
slides_xml.onLoad = loadSlideShow;
slides_xml.load("album.xml");
slides_xml.ignoreWhite = true;
function loadSlideShow(success) {
if (success == true) {
rootNode = slides_xml.firstChild;
totalSlides = rootNode.childNodes.length;
currentSlideNode = rootNode.firstChild;
photos = new Array(totalSlides);
thumbs = new Array(totalSlides);
captions = new Array(totalSlides);
tx = 0;
for (i=0; i < totalSlides; i++) { // populate arrays and create thumbnails dynamically
photos[i] = currentSlideNode.attributes.jpegURL;
thumbs[i] = [currentSlideNode.attributes.jpegWidth,currentSlideNode.attributes.jpegHeight];
captions[i] = currentSlideNode.firstChild.nodeValue;
_root.attachMovie("thumb","thumb"+i,i);
_root["thumb"+i]._x = tx;
_root["thumb"+i]._y = 595; // using fixed Y coord
_root["thumb"+i].tindex = i;
tx += 22;
currentSlideNode = currentSlideNode.nextSibling;
// initialize values <<<<<<<<<<<<<<<<<<<<<<<IS IT HERE?????
currentIndex = 0;
targetWidth=thumbs[currentIndex][0]; // get width
targetHeight=thumbs[currentIndex][1]; // get height;
updateSlide();
function updateSlide() { // load photo, update caption and status fields
targetPhoto.loadPhoto(photos[currentIndex]);
caption = captions[currentIndex];
statusField = (currentIndex+1) + "/" + totalSlides;
function slideShow() {
if (currentIndex == totalSlides-1) { currentIndex = 0; } else { currentIndex++; }
targetPhoto._visible = false;
targetWidth=thumbs[currentIndex][0]; // get width
targetHeight=thumbs[currentIndex][1]; // get height;
updateSlide();
MovieClip.prototype.loadPhoto = function(fn) { // load external jpeg method + preloader
this.createEmptyMovieClip("holder", 1);
this.holder.loadMovie(fn);
this.onEnterFrame = function() { // NOTE: could use this to display percentage to user
if (Math.floor((this.holder.getBytesLoaded()/this.holder.getBytesTotal())*100) >= 100) {
delete this.onEnterFrame;something like this...not quite working
function updateSlide() { // load photo, update caption and status fields
setTimeout(targetPhoto.loadPhoto(photos[currentIndex], 2000);
caption = captions[currentIndex];
statusField = (currentIndex+1) + "/" + totalSlides; -
Suggestions for a photo gallery?
Does anyone have a suggestion for the best way to put
together a photo gallery? I just want something simple that will
display the thumbnail images on the page with captions and to show
a larger image when you click on the thumbnail. Any help would be
great!On Fri, 12 Oct 2007 10:10:43 +0100, "Keen to Learn"
<[email protected]> wrote:
>Hi All
>
>i want to add a section to a site that allow users to
register and then
>upload photos to a gallery.
>
>i needs to allow for a little bit of styling and have
file size upload
>limits, ect.
>
>can anyone suggest / recomend either an DW extension or
other third party
>software that would do this.
If you Google you'll find lots of them. Here's one that
springs to
mind:
http://gallery.menalto.com/
Steve Fleischer
steve at flyingtigerwebdesign dot com
Hong Kong -
I am putting together a photo gallery using the tutorial
found
here.
I have completed the basic tutorial and it is working well. I need
help though in implementing some advanced features not covered in
the tutorial but shown in the proof of concept
here.
I want to include a "gallery" selector like the proof of
concept, but i have no idea as to how i would go about
incorporating it. I have had a look at the code and it doesnt seem
to be all that difficult, but i just dont know what to do. I am
open to anything anyone can suggest even adding more Datasets if
needed. the other thing that is included in the code selection are
the Next, play/pause, and previous buttons. If anyone could tell me
how to get that to work i would appreciate it.
Thanks
Ryandid you have any luck figuring out how to make your photo
album? I'm working on my own and am also having a hard time
understanding the proof of concept without a full tutorial. -
Is it possible to do a light CMS using Edge for a photo gallery?
I want to build a photo gallery in Edge for a friend's website, and I want to make it as easy as possible for her to add/rearrange photos to the gallery anytime she wants without having to call me everytime...
Is something like this possible in Edge Animate?
Thanks all!
AzaThank you Jerry!
A few terms here I am unfamiliar with...
You say I can hook into it (Drupal/Wordpress) with Edge, is there a tutorial, or something that shows me how?
Also, I am unfamiliar with "Image Tokens" what is that?
Thanks again,
Aza -
What is everyone using for a photo gallery
hey everyone.
i was just looking up a few ways to build a photo gallery and the way i am creating my gallery at the moment is using adobe bridge.
recently i have been looking at other websites and i would love to use something more attractive and build into my website.
what would everyone recomend and why? please link if you would
many thanks
JakeLook at JAlbum software.
http://jalbum.net/en/software/download
Lots of different skins (layout styles) to choose from.
http://jalbum.net/en/skins/new
JAlbum creates thumbnails and HTML pages for you. So updating galleries & photos is a breeze.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
Need help with DW photo gallery
I'm learning DW the hard way, trial & error. I've created
my photo album & uploaded it. It looks find, but when I click
on the pictures to enlarge them I get the message "ooops no page
found". What do I do to resolve this issue? I know I'm missing a
step.
Please help me!!! Thanks, BarbaraLook at the path to the larger image. Is the path correct?
Did you upload
the larger photos?
Can you post a URL to your site?
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
"whuzthere" <[email protected]> wrote in
message
news:fs4591$6ir$[email protected]..
> I'm learning DW the hard way, trial & error. I've
created my photo album
> &
> uploaded it. It looks find, but when I click on the
pictures to enlarge
> them I
> get the message "ooops no page found". What do I do to
resolve this
> issue? I
> know I'm missing a step.
>
> Please help me!!! Thanks, Barbara
> -
Help - xml driven photo gallery
Hello,
I have a very simple ajax page. There is a dropdown from
which the user selects the gallery and then there is an xml file
that send back the xml full of pictures for that gallery. The
problem is that on changing the gallery in the dropdown, sometimes
it works and then it doesnt. More like it works the first time (so
new pictures load up fine) and then it doesnt. I cant figure out
for the life of me why this wont work right. I have tried looking
at the xml, it is running fine, takes a url parameter as the
galleryid and generates the xml. The alert in the get_pictures
alwys pops up but the loadData seems like not working. Been looking
over this code for hours now. Here is the relevant code:
<script type="text/javascript">
var dsPhotos = new
Spry.Data.XMLDataSet("test_getpics_xml.cfm?galleryid=<cfoutput>#galleryid#</cfoutput>",
"photos/photo");
//var dsPhotos = new
Spry.Data.XMLDataSet("test_getpics_xml.xml?galleryid=<cfoutput>#galleryid#</cfoutput>",
"photos/photo");
//var dsPhotos_page = new
Spry.Data.PagedView(dsPhotos,{pageSize: 20});
//var dsPhotos_page_info = dsPhotos_page.getPagingInfo();
function get_pictures(galleryid)
urltext='test_getpics_xml.xml?galleryid='+galleryid
alert(urltext)
dsPhotos.setURL(urltext)
dsPhotos.loadData()
</script>
<table>
<tr>
<td>Galleries:
<select name="galleryid"
onChange="get_pictures(this.value)">
<cfoutput query="qry_galleries">
<option
value="#galleryid#">#galleryname#</option>
</cfoutput>
</select>
</td>
</tr>
</table>
<div spry:region="dsPhotos">
<div spry:repeat="dsPhotos"> <a href="##"
onclick="alert('hey')"><img width="100" height="100"
src="{@picture}" /></a>
<p><br />
</p>
</div>
</div>
I have Firebug plugin installed on my Firebox and there is no
error on it. Any help will be appreciated. Thanks a lot.Hi vansh110,
It's really hard to diagnose the problem without actually
seeing your example in action. If you can't give us an URL to look
at, then the best we can do is suggest some debugging tips.
Try adding an observer to your data set that prints the
notifications:
dsPhotos.addObserver(function(notificationType, notifier,
data)
Spry.Debug.trace(notificationType);
if (notificationType == "onPostLoad")
Spry.Debug.trace("<pre>" +
Spry.Utils.encodeEntities(dsPhotos.getData().toSource()) +
"</pre>");
That way you can watch what states the data set is going
through. The trace statement will only work in FireFox due to the
use of toSource(), but it will show you what the final data set
looks like after the data is loaded and flattened into a table.
Next, you can turn on region debugging:
Spry.Data.Region.debug = true;
That should show you the markup that is being generated after
data is loaded.
--== Kin ==-- -
Is it possible to make a scrollable thumbnail list for a photo gallery?
I would like to know if it's possible to add a scroll bar to a photo-thumbnail list, so that the thumbnails won't have to fill the whole page to show all of the photos at once. I know it is possible to change the size of the thumbnails and also the gallery's dimentions, however that's not what I need.
Thank you.Hello,
As topelovely explained, it is not possible to add a scroll bar to the thumbnails as of now.
I would sugget you to add it as a feature request on Muse forums under "Ideas for future Adobe Muse" section (http://forums.adobe.com/community/muse/ideas).
Hope this helps.
Regards,
Sachin
Maybe you are looking for
-
IMac no longer visible on network, Internet works fine
My home network has an iMac running Leopard, an iBook running Panther, and occasionally a Windows XP machine. I was recently transferring files from my Windows machine to the iMac, when the Windows machine unexpectedly restarted, interrupting the tra
-
I accidentally deleted safari on my 2006 mac os x 10.5.8 how do i reinstall it?
I was trying to update it but ended up deleting it somehow and that was my ONLY browser...how can i install it back?
-
One order with multiple lines in OM is creating multiple invoices
Application: Oracle 11i (11.5.3) Modules implemented: GL, OM, AR, AP, PO and CM Business Requirement: Our client would like to create Order consisting of multiple lines in Order Management. The Orders created in OM with multiple lines could be booked
-
How to add java.awt.KeyListener to a javax.swing.JTree
-
Shipping point determination & selection
Hello! Through an enhancement, we have increased the manual shipping points possible from a plant to 100 and have about 50-60 defined for the plant with the correct shipping point assignment and determination. However, in the selection screen in the