Preparatory workflow for image gallery
I would like advice about what tools might be available in DW
CS4 to help with the preparations for an image gallery.
I have settled on a page design with the artist and processed
about 150 images for a gallery. These need to be categorised
according to his choice and whilst I wait I wonder if I can set to
coding the gallery pages. There may be a dozen or so. Then I expect
the image choices to change as the gallery pages get built and he
might want to change the order of images and how they fit together
on the page.
I am going to use one of the lightbox options and reckon that
I could get going on some of the coding in the thumbs. I would like
to do it in such a way that they will be in one place, and that I
could then drag them into a page when he's ready.
Thanks
Martin
OK. What you need to do is, one at a time, create an animation of each image you want to fade in, and export it as an animation. Once you have done that you can specify the animation as the image to swap in the Swap Image wizard. For "Show the swapped image from", choose Image file and browse to the location of the saved animated version. Note that your end file size for this project will be prohibitive if you create it in this way. I strongly urge you to do it in Adobe Flash instead.
Similar Messages
-
What is the best product, for image gallery usage.. to crop, colour correct, and re-touch etc.
what is the best product, for image gallery usage.. to crop, colour correct, and re-touch etc.
Hi gardenzio2,
You can try using Adobe Photoshop -
How do i use numbers for image gallery and arrows?
Hello there,
I'm hoping someone can advise me on the best possible way.
I would like to use numbers to help the user navigate through the image gallery i'm creating and arrows on either side of an image (one image viewed at any one time). I have attached an image of what i'm trying to acheive. I feel like the arrows will help aid the user to navigate and the numbers will inform them on the number of images to view.
I have so far created the site with a template (logo and nav bar) and child pages for: home/about/work/contact.
Hope to hear from someone soon.
NicolaWith so many pre-built image galleries available to you, there's no reason to re-invent the wheel.
CSS Image Viewer (view source to see the code)
http://alt-web.com/DEMOS/CSS-Image-Viewer.shtml
jQuery slideViewer 1.2
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
57 + Image Gallery, Slideshow & Lightbox solutions
http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/
In addition to the ones above, log-in to Adobe's Widget Exchange with your Widget Browser
http://labs.adobe.com/technologies/widgetbrowser/
* jQuery Cycle Widget
* Lightbox Gallery Widget
* Spry Content Slides
* Spry Image Slideshow
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Need work around for image gallery with password protected URLs
Is there a way to display an image gallery that has password protected URLs?
I can build the image gallery in Siena using an excel table with a list of the images and when I preview the app inside Siena I get the expected credentials prompt from IE, and I enter the credentials and the images load and display with their captions perfectly.
There are 4-6 images in the gallery.
When I publish and produce a store app, the app errors out with can’t connect and obviously fails on
var GenericInitError = "The app could not connect to the server. Please try again later.",
GenericInitTitle = "Network error";
Most likely because Siena wants to preload everything and there is no way with preload to enter credentials.
I am looking for any alternatives that would let me get around this.
TIA
-- Barb BowmanOn Mon, 24 Mar 2014 05:10:01 +0000, Radu Gruian (MSFT) wrote:
>One possible thing to do would be download and embed the images into your app, eliminating the need for password-based authentication.
Nope. The app accesses a group of IP Security cameras. Static images would not
make any sense. And authentication is required. Not negotiable.
-- Barb Bowman -
N97 mini: folder setting for image gallery / photo...
Hi I've just got a simple question: is it possible to choose the images folder(s) which are shown in photobrowser or image gallery on a n97 mini?
now it shows all the images on my device/mass storage/sdhc card, and I don't want that to happen. I want to be able to choose the folders which are shown. now it also shows all icons of my pois inthere, so i've got over 400 images (all images which are used by programs) while there are only about 50 files in the images folder.
now i have to scroll through 350 images which i don't need, just to find 1 photo i want to use as a background.
hoping that there will be a software update which allows for changing these settings, so that it only shows the folders I want to use.
Solved!
Go to Solution.You can use X-plore from "lonelycatgames" , to hide an entire folder, but those images are used by programs this would be of no use.
If you are interested to know how:
1ownload and install X-plore, their website, (trial works as good as full, with a just a splash screen at startup)
2: Open it, Create a folder any where on memory card. Or if you know the folders where "those 400" pictures reside, navigate to it.
3: click Options>file>attributes>and tick "Hidden" it'll ask "Do you want to edit attributes of all file in this folder?" click yes.
Now all the file in a particular folder are hidden, so they won't show up in gallery.
Previous Phones: 6600, 7610, 6230, 6230i, 1100, 1112, N70, N73, N95, N95 8GB, 5800XM, 5230, C5, iPhone 3GS, SE Xperia X10, N900, N8, SE Xperia Arc
Current Phones: Nokia N9, iPhone 4 -
Hierarchical navigation for image gallery?
I'm trying to create an image gallery of six buildings that users navigate by clicking on buttons placed on a map of London. I have two photographs each of six buildings. I want to cycle or crossfade the two images for each building when users click on a button on the map.
I can get each button on the map to link to one image – I just can't the images to cycle or crossfade in their separate slice once they've done that.
Is this possible? I'm relatively new to Fireworks and have tried using symbols, states and layers but haven't been able to find a solution (it may be that I'm missing something).
Thanks in advance!OK. What you need to do is, one at a time, create an animation of each image you want to fade in, and export it as an animation. Once you have done that you can specify the animation as the image to swap in the Swap Image wizard. For "Show the swapped image from", choose Image file and browse to the location of the saved animated version. Note that your end file size for this project will be prohibitive if you create it in this way. I strongly urge you to do it in Adobe Flash instead.
-
Best workflow for image (LOGO) from Illustrator to FCP?
Greetings to all. I am struggling with this -- I want to bring my company logo into FCP 5.1.4, FROM Illustrator to FCP. Easy enough? Not for me.. as I have two issues:
1. My imported image looks great in the viewer, but jaggies in the Canvas.
I understand that for DV NTSC 48k, my frame size is 720x480 -- but in another post, I read that it is best to export as 720x540, .tif (another person said 720x540 jpeg, because jpeg embeds sRGB proile -- but that will be part of question #2) -- the square pixel vs. 4:3 pixel issue...
My Illustrator image is all vector art, and all fonts are outlined before export. I am saving as high-res (300 dpi). I tried saving as tif, jpeg, pdf. I tried bringing the PDF into photoshop, and saving as a psd. I tried opening pdf. No matter what I tried, the image looked perfect in the viewer, but like doo in the canvas. A tif, file size 720x540, 300dpi looks correct in the viewer, but jaggie in the canvas.
YES, the green "render" bar was visible in the timeline -- of course, that must be the problem -- but then I rendered the still clip, and there was no difference. I made sure the render indicator in the timeline was "dark grey" -- but yet, the imported still image from illustrator looks jaggie and not good enough for production in the canvas.
WHAT AM I DOING WRONG HERE?
2. Color space -- regardless of the jaggies issues, my imported still image from illustrator is all washed out when imported.
Regardless of file type. Yes, file set to RGB. Yes, gamma set to 2.2 (also tried setting imported still gamma to defualt - "source" - no change)
My LCD display (mac book pro C2D 17") is calibrated, using a Spyder2. Gamma is set to 2.2. My print output from illustrator (saved as pdf x-1/a) ALWAYS prints as expected.
If I add a color correction filter, and juice up the saturation, I can try to make the still image look close, but this shouldn't be the case, YES?
My expectation is that a still image in illustrator or photoshop should look the same in FCP.
What kind of newbie error am I making? What am I missing?
Thank in advance for any guidance.
JeremyJeremy Roberts wrote:
I have been sending jobs to print (magazine ads, web, general print) for ages, and my printed materials come in as expected -- that is, within a few % points of my display -- which is what we are expecting -- and also EXTREMELY close to proof prints, using a reasonably high-end inkjet printer, with correct paper profiles... that is to say, that although I am no expert in color management by any means, I have what I need so that what I see on screen is very close to what is printed on a local printer, or a million dollar press.
CAN I EXPECT to achieve anything close to this with video?
When you print something on paper, you get to see exactly what it will look like and that's exactly how your customers will see it too. With video, there are infinite variables affecting this such as incorrectly calibrated displays; cheap TV components; the difference between CRTs, LCDs and computer displays; the size / resolution of the display, etc. There are so many variables that it will look different on every screen. All we can do as content producers is calibrate to a common standard, achieved through a properly-calibrated broadcast monitor.
But if your film has a single use in mind, such as a trade show, it is better to ignore the above advice and use the display device it will end up on as the monitoring device, if you can.
I am not near my FCP machine right now, so I can't try the test -- but I will try to revert my display color profile to stock apple LCD, and see what this brings. I know that FCP has simply NOT looked correct to me on my machine.
What do the "big guns" who are using FCP and having to use pre-defined creative print elements, created in AI or Photoshop or whatever -- all color matched for print, what do you guys do when you need to integrate this into FCP?
ARE FCP editors using Apple's 1.8 gamma (I guess you must because FCP uses it regardless of your colorsync profile, per the above article). ???
I set it to Source and have had no problems because I create still images on the same machine with the default gamma of 1.8. I think what happened was you created the images in Photoshop with a colorsync profile of 2.2 on the monitor but perhaps a different profile embedded (if any). When you brought it into FCP, FCP automatically assumed it was created at a gamma of 1.8 and boosted to 2.2 but as the images was not created at 1.8, it was already very bright to begin with and so was boosted x2. That's my theory. -
Image gallery in webcenter using content presenter template
Hi,
I created a content presenter template for image gallery in webcenter.
The images from UCM are not displayed without log in to the webcenter application.
I am getting a error like
" Error calling UCM server associated with repository UCM. The service GET_FILE was called with user anonymous at time 3/18/15 11:12 AM, and returned statuscode -1.
oracle.stellent.ridc.protocol.ServiceException: Unable to download 'HSCSRV154.ALLE006130'. Access denied by records manager "
Once i log in the images are displayed.
What is the problem here?please help.
I am using the latest webcenter extension in jdev 11.1.1.7
Thanks,
chandrasekar MHi Vinod,
I tried using af:image like below and its the same issue.I have read in most of the blogs that since this is in the content presenter template, the image has to be displayed using output text with escape set to false.
<af:image source="#{node.propertyMap['REGDEF:Image'].asTextHtml}" id="image5"/>
I am not using <img> anywhere, its just that on the webpage when the image doesnt appear, I tried to see the source of the image using Firebug and it shows following:
<img src="${wcmUrl('rendition','xyz/web')} " alt = "Logo">
Edited by: Swathi Patnam on Jul 13, 2012 6:00 PM -
Hi,
I am trying to implement a simple image gallery with alpha transition using as3. But an issue is occuring with this. After each image alpha transition, the stage becomes blank. The code i have used for image Gallery is following.CAn anybody help me. I am trying this for a week. but still i have a hope for make this working. So please help me.
import flash.display.Loader;
import flash.display.*;
import gs.TweenLite;
const TIMER_DELAY = 2000;
var totImages:Number;
var index:Number = 0;
var imgArr:Array = new Array();
var currentContainer:MovieClip = holder0;
currentContainer.alpha = 0;
var transTimer:Timer = new Timer(TIMER_DELAY);
//transTimer.addEventListener(TimerEvent.TIMER, startTransition);
var imgLoader:Loader = new Loader();
var myXML:XML = new XML();
var XML_URL:String = "images.xml";
var myXMLURL:URLRequest = new URLRequest(XML_URL);
var myLoader:URLLoader = new URLLoader(myXMLURL);
myLoader.addEventListener("complete", xmlLoaded);
function xmlLoaded(event:Event):void{
myXML = XML(myLoader.data);
processXML(myXML);
function processXML(xml){
totImages = xml.children().length();
for(var i=0;i<totImages;i++){
var tempVar = xml..item[i]..image;
imgArr.push(tempVar);
//transTimer.start();
currentContainer = holder0;
loadImage();
function loadImage(){
var url = imgArr[index];
//ImgLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressStatus);
imgLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, fadeInImg);
var fileRequest:URLRequest = new URLRequest(url);
imgLoader.load(fileRequest);
currentContainer.addChild(imgLoader);
function fadeInImg(e:Event){
TweenLite.to(currentContainer,3,{alpha:1,delay:2,onComplete:switchClip});
function switchClip(){
if(index < totImages){
index++;
} else {
index = 0;
if(currentContainer == holder0){
currentContainer = holder1;
} else {
currentContainer = holder0;
currentContainer.alpha = 0;
MovieClip(this.root).swapChildren(holder0, holder1);
loadImage();
Thanks and Regards,
SreelashHi Adrei, I have implemented the thumbnail button also. Its working but the problem is that thumbnail buttons and controls are placing behind the image container. How can i place the thumbnail buttons and control buttons over the image. You can view the result in the following url:
http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGallAnd.html
The working swf is with the following url:
http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test/scrllGall.html
The code that i used for creating thumbnail is following
import flash.display.DisplayObject;
import flash.display.*;
import flash.display.Loader;
import flash.events.MouseEvent;
import flash.events.Event;
import flash.events.TimerEvent;
import flash.text.*;
import flash.net.*;
import flash.utils.Timer;
import gs.TweenLite;
import gs.easing.*;
var xmlURL:String = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/images.xml";
var loadedImages:Array = [];
var imageURLs:Array = [];
var thumbArr:Array = [];
var imageLoader:Loader;
var prevImage:DisplayObject;
var currentImage:DisplayObject;
var thumbContainer:MovieClip;
var currThumb:MovieClip;
var prevThumb:MovieClip = null;
var showTimer:Timer;
var timerDuration:int = 5000;
var tweenDuration:int = 2;
var currentIndex:int = 0;
var activIndx:Number = 0;
var slidesHolder:Sprite;
var prvFlag:Boolean = false;
var nxtFlag:Boolean = false;
var twnFlag:Boolean = false;
var rt_lt_Flag:Boolean = true;
var myXMLURL:URLRequest = new URLRequest(xmlURL);
var xmlLoader:URLLoader = new URLLoader(myXMLURL);
xmlLoader.addEventListener(Event.COMPLETE, xmlLoaded);
xmlLoader.load(myXMLURL);
var a:int = 90;
ctrlBox.btnPlay.buttonMode = true;
ctrlBox.nextImg.buttonMode = true;
ctrlBox.prevBtn.buttonMode = true;
ctrlBox.btnPause.buttonMode = true;
ctrlBox.btnPlay.visible = false;
ctrlBox.btnPause.addEventListener(MouseEvent.CLICK,stopScroll);
ctrlBox.btnPlay.addEventListener(MouseEvent.CLICK,startScroll);
ctrlBox.nextImg.addEventListener(MouseEvent.CLICK,shwNext);
ctrlBox.prevBtn.addEventListener(MouseEvent.CLICK,shwPrev);
function xmlLoaded(e:Event):void {
var a:int = 45;
e.target.removeEventListener(Event.COMPLETE, xmlLoaded);
processXML(XML(e.target.data));
function processXML(xml:XML):void {
var len:int = xml.children().length();
var tempVar:String;
for (var i:int = 0; i < len; i++) {
tempVar = "http://www.creative-showcase.co.uk/BirdStudiosOld/Videos/test1/" + xml..item[i]..image;
//trace(tempVar)
imageURLs.push(tempVar);
preload();
createThumbs();
function createThumbs():void{
thumbContainer = new MovieClip();
addChild(thumbContainer);
for(var i:int=0;i<9;i++){
var thmbHolder:MovieClip = new MovieClip();
thumbContainer.addChild(thmbHolder);
//MovieClip(this.root).swapChildren(currentImage, ctrlBox);
thmbHolder.buttonMode = true;
var thmb:thumbClass = new thumbClass();
thmbHolder.addChild(thmb);
thumbArr.push(thmbHolder);
thmbHolder.name = i.toString();
thmb.imgNum.text = (i+1).toString();
thmbHolder.addEventListener(MouseEvent.CLICK,showImage)
//trace(thmb.imgNum.text)
thmbHolder.x = i*(thmbHolder.width+5)+5;
thumbContainer.y = stage.stageHeight - thumbContainer.height;
function showImage(e:MouseEvent):void{
var imgIndx:Number = e.target.parent.parent.name;
prevThumb = currThumb;
currThumb = e.target.parent.parent;
currThumb.buttonMode = false;
if(activIndx != imgIndx){
prevThumb.buttonMode = true;
currentIndex = imgIndx-1;
shwNext(null);
activIndx = imgIndx;
} else {
stopScroll(null);
function preload():void{
var len:int = imageURLs.length;
for (var i:int = 0; i < len; i++) {
imageLoader = new Loader();
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, onPreloadComplete);
loadedImages.push(imageLoader);
imageLoader.load(new URLRequest(imageURLs[i]));
function onPreloadComplete(e:Event):void {
e.target.removeEventListener(Event.COMPLETE, onPreloadComplete);
if (!showTimer && loadedImages[0].content && loadedImages[1].content ) startShow();
function startShow():void{
currentImage = loadedImages[0];
currentImage.alpha = 0;
slidesHolder = new Sprite();
var slideMask:Sprite = new Sprite();
var gr:Graphics = slideMask.graphics;
gr.beginFill(0xff0000);
gr.drawRect(0, 0, currentImage.width, currentImage.height);
gr.endFill();
addChild(slidesHolder);
addChild(slideMask);
slidesHolder.x = slideMask.x = 0;
slidesHolder.y = slideMask.y = 0;
slidesHolder.mask = slideMask;
slidesHolder.addChild(currentImage);
TweenLite.to(currentImage, 10, { alpha: 1 } );
showTimer = new Timer(timerDuration);
showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
showTimer.start();
function slideTransition(e:TimerEvent):void{
var nextImage:int;
if(rt_lt_Flag == true){
if(nxtFlag == true){
showTimer.stop();
nxtFlag = false;
nextImage = currentIndex < loadedImages.length - 1 ? currentIndex + 1 : 0;
if (loadedImages[nextImage].content) {
currentIndex = nextImage;
loadedImages[currentIndex].x = slidesHolder.width;
slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
prevImage = currentImage;
currentImage = loadedImages[currentIndex];
showCurrent();
} else {
if(prvFlag == true){
showTimer.stop();
prvFlag = false;
nextImage = currentIndex > 0 ? currentIndex - 1 : loadedImages.length - 1;
if (loadedImages[nextImage].content) {
currentIndex = nextImage;
loadedImages[currentIndex].x = -(stage.stageWidth);
slidesHolder.addChildAt(loadedImages[currentIndex], slidesHolder.getChildIndex(currentImage));
prevImage = currentImage;
currentImage = loadedImages[currentIndex];
showCurrent();
activIndx = currentIndex;
//trace(currentIndex)
function showCurrent():void{
// make sure they have proper alphas
//prevImage.alpha = 1;
//currentImage.alpha = 0;
//TweenLite.to(prevImage, tweenDuration, { x: -slidesHolder.width } );
twnFlag = true;
if(rt_lt_Flag == true){
TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
} else {
TweenLite.to(currentImage, tweenDuration, { x: 0, onUpdate:onTweenProgress, onComplete: removePrevious } );
function onTweenProgress():void{
if(rt_lt_Flag == true){
prevImage.x = currentImage.x - prevImage.width;
} else {
prevImage.x = currentImage.x + prevImage.width;
function removePrevious():void {
if (slidesHolder.contains(prevImage)) slidesHolder.removeChild(prevImage);
twnFlag = false;
function stopScroll(e:MouseEvent):void{
ctrlBox.btnPlay.visible = true;
ctrlBox.btnPause.visible = false;
showTimer.stop();
function startScroll(e:MouseEvent):void{
rt_lt_Flag = true;
ctrlBox.btnPlay.visible = false;
ctrlBox.btnPause.visible = true;
resetListener(timerDuration=5000,tweenDuration=2)
function shwNext(e:MouseEvent):void{
if(twnFlag == false){
rt_lt_Flag = true;
stopScroll(null);
nxtFlag = true;
resetListener(timerDuration=0,tweenDuration=1)
function shwPrev(e:MouseEvent):void{
if(twnFlag == false){
rt_lt_Flag = false;
stopScroll(null);
prvFlag = true;
resetListener(timerDuration=0,tweenDuration=1)
function resetListener(timerDuration,tweenDuration){
showTimer.removeEventListener(TimerEvent.TIMER, slideTransition);
showTimer = new Timer(timerDuration);
showTimer.addEventListener(TimerEvent.TIMER, slideTransition);
showTimer.start();
Can you help me on how can i swap the depth of images and control buttons.
Thanks and regards,
Sreelash -
Best Workflow for TIFF Sequences
Hi There,
I have my ideas but I would like if anyone had an advice to give when working with TIFF Sequences
1) Which Sequence Preset should I use, or better yet which custom settings should I go with when creating the sequence for TIFF use...
If anyone working with PPRO and TIFF sequences has any great advice like what to 'watch out for' or whatever, I would be highly appreciative !
PS - I tried searching the PPRO CS5 forum but no matter what I enter in the search field, it always renders "No Results Found"
This is happening across all adobe's forums - perhaps the search engine has a BUG ===
I am using Safari on Snow Leopard !I knew about the trick of dragging the media to the seq icon to have premiere pro create the 'right' sequence.
Just thought there might be some better settings for using tiff sequences...
Thanks though..
Regarding batch import of tiff sequences.
For the world of me, I cannot figure out why drag n dropping an image sequence to PPRO would spark the app to import all the tiffs as individual files, instead of setting the "Image Sequence" bit... if the folder contains 1200 tiffs.
Definitely A LOT of improvement that can be done "Image-Sequence-Wise" in PPro - especially when considering the PRO-name in the application name.
Workflow for image sequences is very un-pro in PPRO :-))))
Anyway, I am an AVID Quickeys user and I have programmed a Quickey-Script that will batch import the 100 tiff sequences that I have residing in 100 folders. I click one shortkey and Quickeys iterates through the 100 folders and half an hour later as I came back to the Mac - they had all been imported.
That beats having to manually import 100 times. Imagine I had had 700 clips - ALL - Tiff or other Image Sequences...
Anyway, quickeys is a VERY useful tool for repetitive tasks and saves me HOURS literally every day....
It is made by startly and is worth EVRY penny ! Works with OS X and Windows -
Hey guys i want to know how to create a image gallery then some sort of spry gallery after you have created a regular gallery. The design im wanting to learn how to do is something similar to this in here : www.templatemonster.com/demo/40170.html ; if any one is kind to help me out to look at how to create this one. But a little different i still want the idea of the small pictures how this person has on there template. Although i want my small images in side a web page gallery moved to left, and then have the larger image moved to the right of the page.
would any one be kind to help me out on how to do so to code and css. i'm a beginner when creating a image gallery but im trying to create one on how i explained over this sentence.
Thanks would be awesome to see how this turns out!
ps:would respond to you guys later if you guys reply i have classes at college soon.
Thank you to anyone who helps!!For image gallery, look at FancyBox.
http://fancybox.net/
For menus in Dreamweaver go to Insert > Spry > Spry Menu Bar > Horizontal...
http://foundationphp.com/tutorials/sprymenu/customize1.php
Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Nancy O. -
How can I create a high res image gallery, need to have print res photos for a pressroom section.
How can I create a high res image gallery, need to have print res photos for a pressroom section.
If you want Muse to "pass through" your images and not adjust, compress, crop etc - you need to place your images in the lightbox EXACTLY at the right size, pre-cropped and prepped in Photoshop.
So if your light box is 800x600 the image you're dropping into that must be 800x600 exactly with no effects, rotation etc added to the lightbox frame. This stop Muse fiddling with your images, if they are perfect when inserted and you're not asking Muse to crop, expand, add effects etc. If it's perfect when inserted, Muse SHOULD also leave the resolution alone too, but I have not tried that one, but in theory, it should work. -
Image gallery approach for additional details and add to cart option?
With efficiency and minimalist downloads for smartphone users I would appreciate advice on a product image gallery.
Currently I have an intro page and other simple information pages. My gallery pages ( four distinct pages for different leather goods) need either a pop up or a link to a new page for additional details and an option to add to cart.
Within the image gallery, How should I link each photo to the new detail/cart page? Can clicking the image itself be the action or do I need a button?I made a mistake. I think I got it right this time. The pop up of the title box works but the images are all gone.
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 14px/20px 'Lucida Sans',sans-serif;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: -70px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
/* Medium desktop: 4 tiles */
.box {
width: 25%;
padding-bottom: 25%;
</style>
<style>
section, header, nav {
display: block;
box-sizing: border-box;
body{
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0;
padding: 0;
background-color: #FFF;
#hover-image {
background-color: #cfc6b0;
text-align: center;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
display: inline-block;
text-decoration: none;
padding: 10px 25px;
color: #000;
nav a:hover {
background-color: #cfc6b0;
color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
font-size: 260%;
line-height: 200%;
margin: 0;
padding: 0;
color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
float: left;
width: 33.33%;
color: #000;
border: #000
.footerBox {
float: left;
width: 33.33%;
color: #000;
@media screen and (max-width: 768px) {
.container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<!-- Define all of the tiles: -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<h2>Butterfly</h2>
<a href="http://www.bbc.co.uk">View Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<!-- end wrap -->
<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html> -
Image Gallery or Lightbox that works for DW CS6?
Help! I need an image gallery or lightbox that works! I tried the Lightbox Gallery in Widgets and while it works for the most part, the nav buttons don't show up and I've put the files in every directory (path) possible. Does anyone have a fix for this - I've perused forums for hours about this. OR is there something else that's easy and fast and that works? And hopefully free?
Thank you so much!The page is not live, so here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<title>
HLG - Flagstone Driveways Walkways Paths
</title>
<style type="text/css">
/*<![CDATA[*/
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
overflow-y:scroll;
body {
background-image: url(images/background2.gif);
/*]]>*/
</style>
<link href="!-css-style.css" rel="stylesheet" type=
"text/css" />
<style type="text/css">
/*<![CDATA[*/
a:link {
color: #FFF;
/*]]>*/
</style>
<link href="css/lightbox.css" rel="stylesheet" type=
"text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet"
type="text/css" />
<script src="scripts/jquery.js" type="text/javascript">
</script>
<script src="scripts/lightbox.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
/* BeginOAWidget_Instance_2127022: #gallery */
.lbGallery {
/*gallery container settings*/
background-color: #910000;
padding-left: 2px;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 4px;
width: 550px;
height: auto;
text-align:center;
.lbGallery ul { list-style: none; margin:0;padding:0; }
.lbGallery ul li { display: inline;margin:0;padding:0; }
.lbGallery ul li a{text-decoration:none;}
.lbGallery ul li a img {
/*border color, width and margin for the images*/
border-color: #ffffff;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #ffcc66;
border-left-width: 4px;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 0px solid #000000;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
/* EndOAWidget_Instance_2127022 */
/*]]>*/
</style>
<script type="text/xml">
<![CDATA[
<!--
<oa:widgets>
<oa:widget wid="2127022" binding="#gallery" />
</oa:widgets>
-->
]]>
</script>
</head>
<body onload=
"MM_preloadImages('buttons/directionsover.png','buttons/contactover.png','buttons/gallery over.png','buttons/homeover.png')">
<table width="980" border="1" bordercolor="#000000" align=
"center" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="40" align="center" bgcolor="#910000"
class="MaroonBanner">
<p>
Heartland Landscape Group, Inc.| Osage Beach,
Missouri | (573) 302-8855 | <a href=
"mailto:[email protected]" class=
"MaroonBannerEmail">[email protected]</a>
</p>
</td>
</tr>
<tr>
<td width="980" height="182" align="center" bgcolor=
"#000000">
<img src="images/plant1smlogo.jpg" width="980"
height="180" alt="Heartland Landscape Group" />
</td>
</tr>
<tr>
<td height="40" align="center" bgcolor="#910000">
<img src="images/escape_bnnr.png" alt=
"Escape the ordinary with greener landscape solutions"
width="980" height="40" />
</td>
</tr>
<tr>
<td valign="top">
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="213" valign="top">
<table width="200" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="46" colspan="2" valign=
"middle">
<a href="index.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Homepage','','buttons/homeover.png',1)">
<img src="buttons/home.png" alt=
"Homepage" width="210" height="45" id=
"Homepage" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="services.html"><img src=
"buttons/servicesover.png" alt=
"Services" width="210" height="45"
border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="beforeafter.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Before & After Gallery','','buttons/galleryover.png',1)">
<img src="buttons/gallery.png" alt=
"Before and After Gallery" width=
"210" height="45" id=
"Before_and_After_Gallery" border=
"0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="directions.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Directions','','buttons/directionsover.png',1)">
<img src="buttons/directions.png" alt=
"Directions" width="210" height="45"
id="Directions" border="0" /></a>
</td>
</tr>
<tr>
<td height="43" colspan="2" valign="top">
<a href="contact.html" onmouseout=
"MM_swapImgRestore()" onmouseover=
"MM_swapImage('Contact Us','','buttons/contactover.png',1)">
<img src="buttons/contact.png" alt=
"Contact Us" width="210" height="45"
id="Contact_Us" border="0" /></a>
</td>
</tr>
<tr>
<td colspan="2" align="center">
</td>
</tr>
<tr>
<td width="53">
<a href=
"https://www.facebook.com/pages/Heartland-Landscape-Group-Inc/230076883731915"
target="_blank"><img src=
"images/fb_logo.png" alt=
"Follow Us on Facebook" width="50"
height="50" border="0" /></a>
</td>
<td width="147" valign="top" class=
"BodyTextsm">
Follow us on Facebook for project
ideas, tips and landscaping news!
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2" class="Textmed">
This Web site is best viewed with
Mozilla Firefox or Google Chrome.
</td>
</tr>
</table>
</td>
<td valign="top" class="Heading">
<table width="765" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td valign="top" class="Heading">
<p>
Our Services - Flagstone Driveways,
Walkways & Paths<br />
<img src="images/line.png" width=
"757" height="3" alt=
"Horizontal Line" />
</p>
<p class="BodyText">
Whether replacing or building a new
driveway, walkway or path, naturally
beautiful flagstone is the perfect
alternative to concrete or brick
pavers. Depending on the individual
taste of the homeowner, there are
many sizes, colors, shapes, and
styles of natural stone to select
from, and lend themselves to the more
"natural" landscapes.<br />
</p>
<table width="550" border="0" align=
"center" cellpadding="0" cellspacing=
"0">
<tr>
<td align="center">
<div id="gallery" class=
"lbGallery">
<ul>
<li>
<a href=
"images/flagstone/images/garden_pathways.jpg"
title=
"Garden Pathway"><img src=
"images/flagstone/thumbnails/garden_pathways.jpg"
width="72" height="72" alt=
"Flagstone Entrance Patio" /></a>
</li>
<li>
<a href=
"images/flagstone/images/pa_stepper_path.jpg"
title=
"Pennsylvania Stepper Path">
<img src=
"images/flagstone/thumbnails/pa_stepper_path.jpg"
width="72" height="72" alt=
"Pennsylvania Stepper Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/black_hills_rustic_path.jpg"
title=
"Black Hills Rustic Path"><img src="images/flagstone/thumbnails/black_hills_rustic_path.jpg"
width="72" height="72" alt=
"Black Hills Rustic Path" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_path_with_firepit.jpg"
title=
"Flagstone Path With Firepit">
<img src=
"images/flagstone/thumbnails/flagstone_path_with_firepit.jpg"
width="72" height="72" alt=
"Flagstone Path With Firepit" /></a>
</li>
<li>
<a href=
"images/flagstone/images/flagstone_with_gravel.jpg"
title=
"Flagstone With Crushed Creek Gravel">
<img src=
"images/flagstone/thumbnails/flagstone_with_gravel.jpg"
width="72" height="72" alt=
"Flagstone With Gravel" /></a>
</li>
</ul>
</div><script type=
"text/javascript">
//<![CDATA[
// BeginOAWidget_Instance_2127022: #gallery
$(function(){
$('#gallery a').lightBox({
imageLoading: '/images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: '/images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: '/images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: '/images/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: '/images/lightbox/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
fixedNavigation: true, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
containerResizeSpeed: 400, // Specify the resize duration of container image. These number are miliseconds. 400 is default.
overlayBgColor: "#000000", // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0.75, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Flagstone Patios', //Default text of image
txtOf: 'of'
// EndOAWidget_Instance_2127022
//]]>
</script>
</td>
</tr>
</table><br />
<table width="485" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" valign="top" class=
"BodyText">
<p>
- <a href="design.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Landscape Design
Services</span></a>
</p>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">-
Landscape Services:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Ornamental Gravel &
Mulches</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Retaining Walls:</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td width="391">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Block</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Natural
Stone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Patios</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">-
Driveways, Walkways &
Paths</span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Brick</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td width="45" valign="top">
</td>
<td>
<span class="BodyText">- <a href=
"flagstonewalks.html" target=
"_self" class=
"Emailblack"><span class=
"Email">Flagstone</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Landscape
Steps</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Plantings &
Sod</span></a></span>
</td>
</tr>
<tr>
<td width="45" valign="top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Water
Features</span></a></span>
</td>
</tr>
<tr>
<td width="45" height="32" valign=
"top">
</td>
<td colspan="2" valign="top">
<span class="BodyText">- <a href=
"index.html" target="_self"
class="Emailblack"><span class=
"Email">Outdoor Living
Fun</span></a></span>
</td>
</tr>
<tr>
<td height="30" colspan="3" valign=
"top">
<span class="BodyText">- <a href=
"irrigation.html" target="_self"
class="Emailblack"><span class=
"Email">Irrigation</span></a></span>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<span class="BodyText">- <a href=
"lighting.html" target="_self"
class="Emailblack"><span class=
"Email">Lighting</span></a></span>
</td>
</tr>
</table><br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="980" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="211">
</td>
<td width="486" align="center">
<span class="Copyright">Copyright © 2013 Heartland
Landscape Group, Inc.</span>
</td>
<td width="283">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> -
Anyone have a good tutorial for an AS3-XML image gallery?
I'm a pretty good Flash developer, but I've never worked with XML in Flash. I'm looking for a good tutorial on creating an XML driven image gallery, but I have yet to really find anything. Does anyone out there have a good tutorial? Thanks!
JesseYour best bets for getting something more specific to your needs will either be to...
- search Google using terms like "AS3 XML gallery tutorial" and "AS3 XML slideshow tutorial"
- take one fairly complicated tutorial and learn how it works down to understanding each element of what is being done. Once you a proper level of understanding you should be able to reason out how to create one of your own with whatever different features you prefer
Maybe you are looking for
-
Automatic clearing from one account to another
Hi, I have a g/l account that I want to automatically clear each month to another account? Is that possible? I know about f.13, but I am interested in automatically transferring an entire balance each month from one account to another. Thank you
-
Adjust/move picture on connected television
I have connected my television to my Mac Pro with an S-Video cable. It works (800x600 resolution), but somehow the picture is not centered and there are black areas on the top and the bottom. Now I would like to adjust the picture so it fits the TV s
-
Transfer purchases from iPhone
I execute this command but the tracks are still listed as unable to locate. Help please:)
-
TABLES: LFA1. IN SELECT-OPTINS IT IS MANDATORY,BUT IT IS NOT MANDATORY FOR PARAMETERS WHY? WHAT IS THIS ? EXPLAIN PLZ ?
-
Hi, We are trying to install SAP BPC but we won't make it further than the Service Account page. When trying to fill in the System Admin ID (and the other two IDs), the following message is given: "Invalid System Admin ID or Password". The following