Help with Spry Photo Gallery
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
Ryan
did 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.
Similar Messages
-
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; -
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
> -
I have no clue how to program these flash galleries....My
site www.al-burke.com contains a flash web gallery that I purchased
online and I have been able to upload it to the site but its says
movie not loaded. I have all the neccessary files in place I
believe (gallery.xlm, main.html, main.swf) all under a folder. Can
anyone please help me out? ThanksI went to al-burke.com, but the site doesn't actually load.
Do the files that you have work on your computer? -
Tutorial for a Spry photo gallery with thumbs and buttons ???
Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions) ???
Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : )
The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
I appreciate any help very much. Thank you.Just Google for the Spry photo gallery and you might find
http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
or even a few others.
Happy Sprying
Ben -
Spry Photo Gallery Image Size via CSS
Hello!
I´ve been customizing the spry photo gallery for a couple of time, but got my little problem when viewing it on a mobile phone. When you load up the pictures with a size of 450 x 300 px for example, put up the right xml file with it´s width and height, so the gallery shows the pictures in that size. So what I want to do is that you can specify the image size with css depending on the device you´re watching the site with. There is div in the css called "mainImage" where the size is in %. When you change it to 75% for example. The pictures are correctly shown with 75% of it´s original size, but the outline (grey background) is still in 100%. When you make this grey background transparent it´s still there and moves the caption down. I guess there have to be done some changes within the SpryImageViewer.js, but I just know very little things about JavaScript. Do you have any clues how to change this to specify the image size via CSS?
Thank you for your help!!!
Kind regards,
JoergI see you are still using Spry 1.5. Have you considered upgrading to
Spry 1.6.1?
Also your XML is broken, if you open up your xml in a normal standards
complaint browser such as firefox, you will see that it doesn't render
a normal tree view as it would do with other xml files. So i suggest
checking those errors out.
Its mainly because you forgot to close your starting tag of the
gallerys node. (<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
before your xml starts. -
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 -
Spry Photo Gallery “Controls”
Hi Don Booth, David Powers, Kinblas et al,
Thank you all for your commitment, and I hope Spry isnt dead?!
I am years behind but I antē d up for the CS4 Master Collection at the beginning of the year and have been plowing through the many written and tv.adobe tutorials on the various programs. Some confuse so it was a pleasure to come to the straight forward instructions in Don Booth’s Photo Gallery that worked first time!
Forgive me however but although I have spent the last week perusing the forums (getting to know you all so well!) I can’t find any thread to help me to correctly add the “transport” “controls” div’s and bind them so that I get a better response to next/play/pause. I did find one detailing how to de activate the SlideShow Navigation - by deleting the container!! V1 Oct ’07.
As it seems to me there is nothing out there (in the Forum(s)) I assume this must be a simple case of ignorance on my part, and,- I feel stupid - I must be lagging way behind - for which I humbly apologize and ask for your help, thank you in anticipation.
http://www.portofinobayside.com/Gallery.html# (simpleTest - your images)
TunedupI've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari. -
Dynamic Spry Photo Gallery Thumbnails
I'm implementing the XML version of the Spry Photo Gallery. I
need to edit the size of of the thumbnails and make them larger,
roughly 100x130 or maybe a little smaller. Since I have so many
photos, I was planning to use CSS to handle the overflow with a
scrollbar. I noticed sizing occurs in the Index file, Gallery.js,
and in the XML file. Are there any others that im missing? I'm
having a problem with resizing them, they dont resize when I adjust
the size in those places. Any suggestions would be appreciated.
Thanks
link (select Tattoo from the dropdown):
http://www.bugsartwork.com/beta/gallery/index.htmlI overlooked screen.css, there was some css that was setting
the thumbnail img tag. -
Spry Photo Gallery - How to add links to images
I was wondering if any one knew how I could add individual
links to images on the spry Photo Gallery—An XML-based photo
gallery. I need each image to have its own individual link when
clicked on. Any assistance would be most helpful.Hi,
In the dashboard --> edit option u can see dashboard object here u can see folder ...by this folder u just include dashboard page other wise in the catalog share folder u need create each and evry module pre planned folder then save it each dashboard pages to relevent module folder.
THanks
Deva -
Can anyone point me to a free download of all the files for
the fancy Spry Photo Gallery demo that is on adobe's website. The
basic tutorial is good but I am stuggling to add the fancy
fade/appear and hover elements and also the ability to load
multiple galleries.
ThanksYou might find what you are looking for in the demos/gallery
folder of the downloaded Spry 1.6 code. This is the same gallery
you can find at
http://labs.adobe.com/technologies/spry/demos/gallery/
Let me know if that is not what you wanted... -
Spry Photo Gallery not viewing
am new to web design and followed this tutorial to make a
Spry Photo Gallery:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
I am using Dreamweaver CS3 and when I preview my files,
everything is perfect and in place. When I upload everything and
view it on the server, no photos show up, and all of my div layers
are out of whack or missing even.
Any ideas, suggestions?? I feel like I am missing something
really simple.. THANKS!
http://www.summerinchicago.com/photoGallery/gallery.html
http://www.summerinchicago.com/photoGallery/photos.xml
http://www.summerinchicago.com/photoGallery/includes/SpryData.js
http://www.summerinchicago.com/photoGallery/includes/xpath.js
http://www.summerinchicago.com/photoGallery/imagesI've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari. -
I need help with the photo stream. Everytime I try to open it on my PC it says photo stream is unable and I have tried everuthing to enable it but it doesn't work. Any help, please?
Freezing, or crashing?
ID on the Mac can produce reports that may (or may not) prove helpful in diagnosing the problem. I suspect this is something not directly related to InDesign, and maybe not to any of the Adobe apps directly since you seem to be having a problem in more than one. That often inidcates a problem at the system level.
Nevertheless, it won't hurt to try to gather the reports. You'll find driections for how to generate them, and to post them on Pastebin.com (then put a link to them here) so we can see what's going on at Adobe Forums: InDesign CS5.5 Not Responding
Do you happen to run a font manager? If so, which one, and waht version? -
Can anyone help with uploading photos from iPad to Facebook. Thanks
Can anyone help with uploading photos fom iPad to Facebook? Thanks
What app are you to trying to use ? You can't upload photos to Facebook via Safari, but a number of the Facebook apps support it e.g. the 'official' app : http://itunes.apple.com/us/app/facebook/id284882215?mt=8 (thought it's optimised for the iPhone/iPod Touch it does support uploading photos), Friendly For Facebook (http://itunes.apple.com/us/app/friendly-for-facebook/id400169658?mt=8)
Maybe you are looking for
-
How to get whole month date based on date
hi i have data at cube with calday and calyear/month when ever i entre date like 17/03/2009 , i want output not from 17th , i need output whole month of march? please let me know
-
Please help. Cannot figure out how to un disable password on my ipod touch. went to iTunes and do not see it under devices. any advise.
-
Acrobat Reader 11 only prints the first page of a multipage document.
When printing a commercially created document with printing permissions enabled, only the first page prints when printing all or a selected range of pages on HP LaserJet 4000 and 8000 printers. Access is denied is displayed on ocassion.
-
DPM 2012 R2 UR2 and Windows 2003 SP2 Agent Version Issue
Hi All, I have UR2 installed on my DPM 2012 R2 server and have followed Mike's guide on getting them protected: http://blogs.technet.com/b/dpm/archive/2014/06/11/details-on-protecting-windows-server-2003-computers-using-data-protection-manager-2012-r
-
My Note 4 accidentally powered on in my pocket and the annoying Verizon/Samsung lollipop update screen also started to install. I've been so careful not to install because the last thing I want is Lollipop to ruin my phone.. So i pulled out the batte