Lightbox not working on gallery
Hi I have several javascripts running on this page which I assume are conflicting with each other and therefore my lightbox is not working.
Anyone know how to fix this?
Site is http://www.broomedaycare.com/photos.html
Thanks
Since thickbox, and fancybox use the same basic scripting as lightbox, they really aren't suitable alternatives in this situation. It really comes down to a choice between the jquery slider and lightbox gallery. Which one can you best afford to get rid of?
My experience with this was with a jquery overlap viewer which was easily replaced with a disjointed rollover for displaying the images I wanted to popup.
Look into what you can use as a replacement for the jquery slider.
Unfortunately, these two will probably never be able to coexist on the same page.
Similar Messages
-
.GIF animation image works on internet browser but when saving it and view it in gallery it does not play. On Samsung galaxy tab 10.1, .GIF animation pictures works in gallery so how come it does not work on my Sony tablet s when its using the same android software and gallery viewer. Please update this minor problem. Thanks.
Solved!
Go to Solution.Hello Cypher,
Thank you for your post.
I downloaded an animated GIF Player from the Android Market and it displayed my picture with animation.
The Gallery will view your .GIF or .JPG but will not animate the picture. -
Lightbox not working quite right
I am updating our portfolio page on our website. Everything looks fine in the design mode, but when I switch to preview, or even put it live, things shift. There are to be < > to the right and left to allow you to scroll through portfolio pieces and the X (to close) and the write up should both be to the top right of the image. However, on some of the pieces the arrows change to Xs and appear with the write up on the top left hand side. Here is the link to the test site and if you need files to figure out what the issueis, please let me know.
http://bobby.kinezo.com/razor-creative-solutions-portfolio.html
BrandiThank you for sending your file. The lightboxes are working correctly for me when exported using the Private Beta build. Can you launch the Private Beta and make sure you update to the latest version (if it notifies you of updates) and test this one more time?
Mostly unrelated, but you may want/need to consider a different design for your Portfolio page. At present a number of things are compounding to make your Portfolio page especially large (>25 megs) and thus very slow to fully load.
According to Akamai, average US download speed is 6.7 Mbps (with the global average being 2.6 Mbps). That equates to about 700K per second for US site visitors. So for the average site visitor in the US the current design of the Portfolio page would take ~25/.7 = 36 seconds to load.
The slower a page loads, the less visitors will stick around to wait for the page to appear. Some surveys claim as many at 40% of page visitors abandon after waiting 3 seconds, but other surveys are less severe in their findings estimating ~50% abandoning after 15 seconds <http://blog.kissmetrics.com/loading-time/>.
In any case, a 25+Mb page won't be visitor-friendly to load.
So, why's it so big and what can you do about it?
First, there's a lot on this page due to the 35 accordion content areas containing a total of 154 images in 34 slideshow lightbox widgets which means 308 total lightbox images (one for each thumbnail and one for each hero image).
Next, all the images are PNGs. Rounding the corners on images is not well supported across all browsers, so to achieve the rounded corners Muse does so by cropping off the corners during output. However, to represent the now transparent area of the corners the images have to be PNG or GIF (JPEG on the web doesn't support transparency) and PNG is roughly 5 times larger than JPEG for a photographic image. Thus the lightbox hero images and thumbnail images are probably about 5 times larger than they need to be. If the rounded corners were removed the page load would probably drop to ~5 Mb, which would be much faster, but still very large. To go lower than that you'd probably want to consider dividing the content across multiple pages. -
Lightbox NOT work in Strict XHMTL
I was told elsewhere that Lightbox does not work with Strict,
beause of the relative position.. Is this so?All I can tell you is that Lightbox works without inserting
invalid code.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Karlhevera" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> > As a result of my tinkering, the 'close' gif is in
a
> > wrong place.
>
> You mean your tinkering has caused it to be in the wrong
location?
>
> Why not just compare your page to an untinkered page?
>
> Yes, I have. The 'untinkered' code shows the enlarged
image in the centre
> of
> the page, v&h wise. It's also resized to a default
size (up or down, I
> guess).
> All I want to do, is to resize and reposition the image,
so that it would
> open
> in a pretedertimed location. After 'tinkering' with the
code, as the
> 'poor'
> developer has not thought of letting us, poor geeks,
know how to do this
> the
> easy way; I have managed to position the properly
enlarged image in the
> right
> place. But the 'closing' gif appears too large, off to
the right. I
> assume
> that the imageouterframe may have something to do with
it. Because it does
> not
> resize to the new dimension...
>
> compare the code. Before 'tinkering' I always /* the
original code, so
> that I
> can always return to it, if need be..
> have so far unable to proceed any further...
>
> Quite frustrating, as one has to go from the css file to
the lightrbox.js
> and
> then to the builder.js...etc.to find the applicable
function. Time
> consuming,
> as the function have no description, letting us know
what is ahead.
>
> In my former incarnation, every function ( oh, they were
called
> 'procedures',
> in those days) I wrote, was fully described, so that
months later, I and
> others could understand what I had in mind and what I
intended the code to
> do..
> And most importantly, what to do to change it, if
necessary, as for
> example,
> when there was a change in taxation structure. Would
seem not a practice
> nowadays, some twenty odd years since I wrote my first
DB2 code....World
> has
> moved on... and only very few of us remember or know
anything about MS
> DOS
> 1..:-)))....
>
> Finally, you may ask 'why LightBox?'.. Because I was
looking for an image
> pop-up, without the ubiquitous IE frame and heading
around it.. .end..
>
>
>
>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "Karlhevera" <[email protected]> wrote
in message
> news:[email protected]...
> > Murray: :-) Strange source? Indeed.. and the
comment came from a CSS
> > website,
> > of all things! Have told the member that the
LightBox worked perfectly
> > well in
> > Strict, before I began to tamper with the values,
as I wanted to have a
> > different size image, rather than the default one.
As predicted, a
> > deathly
> > silence from him/her...As a result of my tinkering,
the 'close' gif is
> > in
> > a
> > wrong place. Have posted a query on huddletogether
site, which is for
> > the
> > users of LB, but am yet to receive a reply. You
would imagine that
> > either
> > the
> > developer would find time in his so,so busy work
schedule to reply to
> > some
> > of
> > the more important questions. Or one from his team.
I am sure that
> > some
> > users
> > would like to reposition the image and have it a
different size. There
> > is
> > no
> > tutorial or any kind of instructions for the lesser
geeks (I am
> > included).. to
> > amend the code...
> > By the same token, have posted the same question
here, just in case....
> >
>
>
>
>
Text
> -
Lightbox not working the way it's supposed to
I can't get lightbox to show the way it's intended -- images keep popping up on the screen but not in the "lightbox" style. There's no "popup" and no greyed out background. I copied and pasted the code for reference.
I have a folder with all the lighbox parts in it -- css, js and images. I first had my images in a separate folder, but that didn't work. I moved the images into the "lightbox images" folder and that didn't work either.
By the way, I'm fairly new at this so if you see something that's wrong or needs to be adjusted, go easy on me!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Taylor LightBox Test</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<p><a href="lightbox2/images/Bay Large Image.JPG" rel="lightbox"><img src="lightbox2/images/Bay Small Image.jpg" alt="Lakewood Bay" width="400" height="300" border="0" /></a>
<p><a href="lightbox2/images/Dad's Large.JPG" rel="lightbox"><img src="lightbox2/images/Dad's Small.jpg" alt="Dad's House View" width="400" height="300" border="0" /></a>
<p><a href="lightbox2/images/LO from WL.JPG" rel="lightbox"><img src="lightbox2/images/LO from WL SMALL.jpg" alt="from WL" width="400" height="300" border="0" /></a>
</body>
</html>Hello,
Lightbox should be relatively easy to get up and running so, don't worry too much there's bound to be an answer.
You mention that you changed the location of images, sapping them from one folder to another but where the images are isn't as important as making sure that your page links to them accurately.
So take this line first of all:
<p><a href="lightbox2/images/Bay Large Image.JPG" rel="lightbox"><img src="lightbox2/images/Bay Small Image.jpg" alt="Lakewood Bay" width="400" height="300" border="0" /></a>
First thing is to say, there should be a closing </p> tag after each use of the <p> element.
Then, you have a folder lightbox2 with a sub folder images with an image Bay Large Image.JPG in it. (It's not such a good idea to have spaces in any file name on the web by the way so if you can, change that to BayLargeImage.jpg or Bay-Large-Image.jpg). But is your file structure like that?
The next thing is to point out that each of the script links in the head need to point to the appropriate files too. So, this line for instance: <script type="text/javascript" src="js/prototype.js"></script> indicates that you must have the file prototype.js in a folder called js. Is that how it is?
Having said all that,not closing that <p> element might not be helping at all!
Martin -
Lightbox not working in Chrome on a PC
Hi,
Just building a website for a client and I have shown them a website with lightboxes. The lightboxes work in all browsers on my Mac. But on numerous PC's the lightboxes won't open properly in Chrome, I only see the top 10% or so of the lightbox.
The client loves the lightboxes and I would hate to tell them we can't include them, so any help fixing this would be greatly appreciated.
Many thanks,
JoshHey Guys,
Just found out that if I take a twitter widget off the page then it works fine. It's weird that the 2 work together on all browers except for chrome on a PC.
Hope this helps if anyone gets the same problem.
ps.
What to do about the twitter widget now? -
Camera not working, and gallery not responding on my slate 7 which is new.
slim gray
Have you tried rebooting the device by powering completely off, then back on?
If it still doesn't work, I'd suggest contacting HP for a repair/replacement.
To contact HP directly, click the icon immediately to the right of the Search box at the top right corner of each page here on the Forum. Several contact options will appear.
WyreNut
I am a Volunteer here, not employed by HP.
You too can become an HP Expert! Details HERE!
If my post has helped you, click the Kudos Thumbs up!
If it solved your issue, Click the "Accept as Solution" button so others can benefit from the question you asked! -
Rollovers, movies and lightbox not working in IE on PCs
everything is working fine in Firefox on a PC but nothing is
working in IE.
http://studiot15.com/180/templates/golightly_test_3.htmlHi.
Sometimes there is a conflict between scripts. Try to add to
your body tag
the "initLightbox()" attribute. Something like this:
<body
onload="MM_preloadImages('images/film1_roll.jpg','images/film2_roll.jpg');initLightbox()" >
and see what happens.
"brad_goldstein" <[email protected]>
escribió en el mensaje de
noticias news:gmpujt$94u$[email protected]..
> everything is working fine in Firefox on a PC but
nothing is working in
> IE.
>
>
http://studiot15.com/180/templates/golightly_test_3.html -
I am trying to add lightbox widget to my site but its not working NEED HELP
i can create the light box widget as a new page but when i paste the codes into the actual site it will not work and the images will not enlarge
what or where did i go wrong. This is all the codes for the site including the lightbox widget. i can use all the help i can get even if some one or anyone
can show me the corrections i need to fix that would be great i am using dreamweaver cs6 incase you need to know...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title>MachoMan Madness</title>
<map name="11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt="">
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt="">
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt="">
</map>
<style type="text/css">
<!--
.index{
margin:0px;
padding:0px;
border:0px;
background-image:url(back.jpg);
background-repeat:repeat-x;
background-color: #f5f5f5;
h1{
margin:0px;
padding:15px;
background-color:#222;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
line-height: 25px;
color: #c8c8c8;
letter-spacing:-1px;
h2{
margin:0px;
padding:10px;
background-color:#333;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 15px;
color: #c8c8c8;
letter-spacing:-1px;
p {
padding:3px;
padding-top:0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #777;
text-align:justify;
b, strong {color: #7fa0af;}
em {color: #555;}
u {color: #555;}
a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
a:hover {text-decoration:none;color:#c8c8c8;}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lightbox Gallery : grey</title>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
/*gallery container settings*/
background-color: #666666;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 540px;
height: auto;
text-align:left;
box-shadow: 10px 10px 10px black;
border-radius: 20px;
margin-left:auto;
margin-right:auto;
.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: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #cccccc;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
</style>
</head>
<body class="index">
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
<img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
<img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
<link rel="stylesheet" type="text/css" href="slides/style.css" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="slides/jquery.js"></script>
<script type="text/javascript" src="slides/slider.js"></script>
<div id="wowslider-container1">
<div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
<script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
<img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
<img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>
<!-- End Table -->
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="mainlink">
<center>
<!--drop down menu start HTML-->
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target=main href="index.html">Home</a></li>
<li><a target=main href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target=main href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target=main href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target=main href="#">Videos</a></li>
<li><a target=main href="#">Memorial Page</a></li>
<li><a target=main href="#">Wallpaper</a></li>
<li><a target=main href="#">Shop</a></li>
<li><a target=main href="#">Blog</a></li>
<li><a target=main href="#">Join Us</a></li>
<li><a target=main href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<!--Biography HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target=main href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target=main href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target=main href="his early career.html">His Early Career</a></li>
<li><a target=main href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target=main href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target=main href="#">The Mega Powers </a>
<ul>
<li><a target=main href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target=main href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target=main href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target=main href="#">Randy's Radio interview</a></li>
<li><a target=main href="#">His Death</a></li>
</ul>
<!--To be Lead HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target=main href="#">Elizabeth Hulette</a>
<ul>
<li><a target=main href="#">Elizabeth Bio</a></li>
<li><a target=main href="#">Elizabeth Facts 101</a></li>
<li><a target=main href="#">Her Career in the WWF</a></li>
<li><a target=main href="#">Her Career in WCW</a></li>
<li><a target=main href="#">Later Life</a></li>
<li><a target=main href="#">Farewell to a Princess</a></li>
<li><a target=main href="#">Elizabeth's Radio Interview</a></li>
<li><a target=main href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target=main href="#">Sherri Martel</a></li>
<li><a target=main href="#">Gorgeous George</a></li>
<li><a target=main href="#">Team Madness</a></li>
</ul>
<!--Photo Gallery HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target=main href="#">Early Years</a></li>
<li><a target=main href="#">ICW Gallery</a></li>
<li><a target=main href="#">WWF Gallery</a></li>
<li><a target=main href="#">WCW Gallery</a></li>
<li><a target=main href="#">NWO Gallery</a></li>
</ul>
<!--drop down menu end HTML-->
</center>
</td>
</tr>
</table>
<br><Br>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<!-- Start Page Content-->
<h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
<ul>
<li>
<a href="images/images (11).jpg" title=""><img src="images/images (11)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (16).jpg" title=""><img src="images/images (16)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (17).jpg" title=""><img src="images/images (17)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (18).jpg" title=""><img src="images/images (18)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (19).jpg" title=""><img src="images/images (19)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (20).jpg" title=""><img src="images/images (20)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (22).jpg" title=""><img src="images/images (22)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (23).jpg" title=""><img src="images/images (23)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (25).jpg" title=""><img src="images/images (25)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (27).jpg" title=""><img src="images/images (27)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (29).jpg" title=""><img src="images/images (29)_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/images (30).jpg" title=""><img src="images/images (30)_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/images (31).jpg" title=""><img src="images/images (31)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images (32).jpg" title=""><img src="images/images (32)_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#gallery a').lightBox({
imageLoading: 'images/lightbox/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'images/lightbox/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: 'images/lightbox/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: 'images/lightbox/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: "#cccccc", // (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: .6, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
</script>
<div align="left"></div>
</p>
<!-- End Page Content-->
</td>
</tr>
</table>
<br><br><bR>
<div style="background-color:#222;width:100%;"><bR>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
<td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
</div></td>
<td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
<tr>
<td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></div>
</body>
</html>i have done all repairs you have adviced but there are still 32 errors and 3 warnings.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MachoMan Madness</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/lightbox.js'></script>
<link type='text/css' href='css/lightbox.css' rel='stylesheet'/>
<link type='text/css' href='css/sample_lightbox_layout.css' rel='stylesheet'/>
<style type="text/css">
.lbGallery {
/*gallery container settings*/
background-color: #666666;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 540px;
height: auto;
text-align:left;
box-shadow: 10px 10px 10px black;
border-radius: 20px;
margin-left:auto;
margin-right:auto;
.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: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px:
.lbGallery ul li a:hover img {
/*background color on hover*/
border-color: #cccccc;
border-left-width: 10px;
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 20px;
#lightbox-container-image-box {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
#lightbox-container-image-data-box {
border-top: 0px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
</style>
<style type="text/css">
<!--
.index{
margin:0px;
padding:0px;
border:0px;
background-image:url(back.jpg);
background-repeat:repeat-x;
background-color: #f5f5f5;
h1{
margin:0px;
padding:15px;
background-color:#222;
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
line-height: 25px;
color: #c8c8c8;
letter-spacing:-1px;
h2{
margin:0px;
padding:10px;
background-color:#333;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 15px;
color: #c8c8c8;
letter-spacing:-1px;
p {
padding:3px;
padding-top:0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 20px;
color: #777;
text-align:justify;
b, strong {color: #7fa0af;}
em {color: #555;}
u {color: #555;}
a:link, a:visited, a:active {text-decoration:none;color: #ada295;}
a:hover {text-decoration:none;color:#c8c8c8;}
-->
</style></head>
<body class="index">
<!-- Begin Table -->
<table border="0" cellpadding="0" cellspacing="0" width="909" align="center">
<tr>
<td rowspan="1" colspan="3" width="909" height="166">
<img name="a10" src="11_1x1.jpg" usemap="#11_1x1" width="909" height="166" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="1" width="54" height="320">
<img name="a11" src="11_2x1.jpg" width="54" height="320" border="0" alt="" /></td>
<td rowspan="1" colspan="1" width="796" height="320" background="11_2x2.jpg">
<link rel="stylesheet" type="text/css" href="slides/style.css" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="slides/jquery.js"></script>
<script type="text/javascript" src="slides/slider.js"></script>
<div id="wowslider-container1">
<div class="ws_images">
<span><img src="slides/9.jpg" alt="" title="" id="wows0"/></span>
<span><img src="slides/2.jpg" alt="" title="" id="wows1"/></span>
<span><img src="slides/3.jpg" alt="" title="" id="wows2"/></span>
<span><img src="slides/4.jpg" alt="" title="" id="wows3"/></span>
<span><img src="slides/5.jpg" alt="" title="" id="wows4"/></span>
<span><img src="slides/6.jpg" alt="" title="" id="wows5"/></span>
<span><img src="slides/7.jpg" alt="" title="" id="wows6"/></span>
<span><img src="slides/8.jpg" alt="" title="" id="wows7"/></span>
<span><img src="slides/1.jpg" alt="" title="" id="wows8"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="">1</a>
<a href="#wows1" title="">2</a>
<a href="#wows2" title="">3</a>
<a href="#wows3" title="">4</a>
<a href="#wows4" title="">5</a>
<a href="#wows5" title="">6</a>
<a href="#wows6" title="">7</a>
<a href="#wows7" title="">8</a>
<a href="#wows8" title="">9</a>
</div></div></div></div>
<script type="text/javascript" src="slides/script.js"></script></td>
<td rowspan="1" colspan="1" width="59" height="320">
<img name="a13" src="11_2x3.jpg" width="59" height="320" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="1" colspan="3" width="909" height="63">
<img name="a14" src="11_3x1.jpg" width="909" height="63" border="0" alt="" /></td>
</tr>
</table>
<!-- End Table -->
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="mainlink">
<center>
<!--drop down menu start HTML-->
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" />
<link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" />
<script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"></script>
<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a target="main" href="index.html">Home</a></li>
<li><a target="main" href="#" rel="ddsubmenu2">Biography</a></li>
<li><a target="main" href="#" rel="ddsubmenu3">To Be Lead</a></li>
<li><a target="main" href="#" rel="ddsubmenu4">Gallery</a></li>
<li><a target="main" href="#">Videos</a></li>
<li><a target="main" href="#">Memorial Page</a></li>
<li><a target="main" href="#">Wallpaper</a></li>
<li><a target="main" href="#">Blog</a></li>
<li><a target="main" href="#">Join Us</a></li>
<li><a target="main" href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>
<!--Biography HTML-->
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a target="main" href="randy savage bio.html">Randy Savage Bio</a></li>
<li><a target="main" href="Randy facts 101.html">Randy's Facts 101</a></li>
<li><a target="main" href="his early career.html">His Early Career</a></li>
<li><a target="main" href="Randys career in wwf.html">Randy's Career in the WWF</a></li>
<li><a target="main" href="randys career wcw.html">Randy's Career in WCW</a></li>
<li><a target="main" href="#">The Mega Powers </a>
<ul>
<li><a target="main" href="mega powers bio.html">Mega powers Bio</a></li>
<li><a target="main" href="mega powers facts 101.html">Mega Powers Facts 101</a></li>
</ul>
</li>
<li><a target="main" href="pm from randy.html">PM to fans & Elizabeth</a></li>
<li><a target="main" href="#">Randy's Radio interview</a></li>
<li><a target="main" href="#">His Death</a></li>
</ul>
<!--To be Lead HTML-->
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a target="main" href="#">Elizabeth Hulette</a>
<ul>
<li><a target="main" href="#">Elizabeth Bio</a></li>
<li><a target="main" href="#">Elizabeth Facts 101</a></li>
<li><a target="main" href="#">Her Career in the WWF</a></li>
<li><a target="main" href="#">Her Career in WCW</a></li>
<li><a target="main" href="#">Later Life</a></li>
<li><a target="main" href="#">Farewell to a Princess</a></li>
<li><a target="main" href="#">Elizabeth's Radio Interview</a></li>
<li><a target="main" href="#">Elizabeth Death</a></li>
</ul>
</li>
<li><a target="main" href="#">Sherri Martel</a></li>
<li><a target="main" href="#">Gorgeous George</a></li>
<li><a target="main" href="#">Team Madness</a></li>
</ul>
<!--Photo Gallery HTML-->
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a target="main" href="#">Early Years</a></li>
<li><a target="main" href="#">ICW Gallery</a></li>
<li><a target="main" href="#">WWF Gallery</a></li>
<li><a target="main" href="#">WCW Gallery</a></li>
<li><a target="main" href="#">NWO Gallery</a></li>
</ul>
<!--drop down menu end HTML-->
</center>
</td>
</tr>
</table>
<br/><br/>
<table width="840" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<!-- Start Page Content-->
</head>
<body>
<map name="11_1x1" id="logo_11_1x1">
<area shape="rect" coords="474,138,578,150" href="http://macho-madness.net" alt=""/>
<area shape="rect" coords="606,136,712,150" href="mailto:[email protected]" alt=""/>
<area shape="rect" coords="737,136,835,152" href="http://daxstudios.net" alt=""/>
</map>
<h1>Early Years Gallery</h1>
<div id="gallery" class="lbGallery">
<ul>
<li>
<a href="images/11.jpg" title=""><img src="images/11_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/16.jpg" title=""><img src="images/16_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/17.jpg" title=""><img src="images/17_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/18.jpg" title=""><img src="images/18_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/19.jpg" title=""><img src="images/19_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/20.jpg" title=""><img src="images/20_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/22.jpg" title=""><img src="images/22_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/23.jpg" title=""><img src="images/23_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/25.jpg" title=""><img src="images/25_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/27.jpg" title=""><img src="images/27_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/29.jpg" title=""><img src="images/29_thumb.jpg" width="72" height="72" alt="Flower" /></a>
</li>
<li>
<a href="images/30.jpg" title=""><img src="images/30_thumb.jpg" width="72" height="72" alt="Tree" /></a>
</li>
<li>
<a href="images/31.jpg" title=""><img src="images/31_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/32.jpg" title=""><img src="images/32_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
<a href="images/images.jpg" title=""><img src="images/images_thumb.jpg" width="72" height="72" alt="" /></a>
</li>
<li>
</ul>
</div>
<script type="text/javascript">
$(function(){
$('#gallery a').lightBox({
imageLoading: 'images/lightbox/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'images/lightbox/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: 'images/lightbox/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: 'images/lightbox/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: "#cccccc", // (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: .6, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
txtImage: 'Image', //Default text of image
txtOf: 'of'
</script>
<div align="left"></div>
</p>
<!-- End Page Content-->
</td>
</tr>
</table>
<br/><br/><br/>
<div style="background-color:#222;width:100%;"><br/>
<table width="870" border="0" cellspacing="10" cellpadding="0" align="center">
<tr>
<td width="35%" valign="top">
<h2>Site Disclaimer</h2>
<p><strong>Macho-madness</strong> is in no way in contact with World Wrestling Entertainment. All photos are copyright to World Wrestling Entertainment or their respective owners and is being used under the fair copyright of Law 107.</p>
<p><font color="#000000">©macho-madness.net All right's Reserved.</font> </p>
</div></td>
<td width="35%" valign="top">
<h2>Offical Links</h2>
<div align="center">
<table width="269" border="0">
<tr>
<td width="94"><div align="center"><a href="https://www.facebook.com/TheMadnessWillNeverBeForgotten"><img src="fb logo.jpg" width="94" height="87" alt="fb logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="76"><div align="center"><a href="https://twitter.com/machomadnessnet"><img src="twitter logo.jpg" width="76" height="91" alt="twitter logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td width="85"><div align="center"><a href="http://pinterest.com/machomadness/"><img src="pinterest logo.jpg" width="79" height="87" alt="pin logo" longdesc="http://www.macho-madness.net" /></a></div></td>
</tr>
<tr>
<td><div align="center"><a href="https://vimeo.com/user13202435"><img src="vimeo.jpg" width="98" height="90" alt="vimeo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"><a href="http://www.youtube.com/user/mich0679"><img src="youtube logo.jpg" width="83" height="95" alt="youtube logo" longdesc="http://www.macho-madness.net" /></a></div></td>
<td><div align="center"></div></td>
</tr>
</table>
</div>
</div></td><td width="29%" valign="top">
<h2>About Us</h2>
<p>Macho-madness.net is the place for all things Randy Savage and is dedicated to the "Memories of Randy Savage." We hope you'll take some time to look around and relive some classic moment's from Randy's long time career, and Enjoy!</p>
</td></tr></table></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> -
Lightbox nested in Accordion panel is not working.
I am attempting to nest a lightbox slideshow in an accordion panel with less than desired results. I can get the Lightbox to nest and I can arrange the buttons just fine .However, when I preview it my forward and back buttons appear in the upper left corner and they are all messed up. This is absolutly useless as it destroys the aesthetics. Any insights as to how to fix this (not work around, I can do that...) would be appreciated.
Here are some screens:
1) layout is fine. Note the advance arrows on left and right of layout.
2) Layout seems to be fine in the preview. Thumbnails look good...
3) The advance arrows are not where I placed them in the layout. They are overlapping in the upper left corner.Well, it's not recreating what I did becauseI don't see any images in your example. Did you populate the gallery?
Anyhow:
I created an accordion panel.
The first top panel contains a price list with text only.
Using the "+" I made a second panel and placed a "slideshow lightbox" widget
I populated the widget with roughly 100 jpegs compressed to 50% and edited my arrow keys placing them on the left and right which
gave the results in the image above.
This is repeatable on my end. -
Web gallery is not working anymore, all my galleries gone.
PLEASE LISTEN! The web gallery feature is simply not working anymore. Not in iPhoto, not in iMovie.
Why shout at us? We're just Users like you.
Let them know:
iPhoto menu -> Provide iPhoto Feedback
Regards
TD -
Web gallery still not working.
The web gallery feature is still non-functional. I used to use it all the time. Suddenly a few days ago I noticed that it simply does not work anymore. I highlight and event, click web gallery, it creates a web gallery in the left sidebar of iphoto. The little progress circle turns for about 15 seconds, then suddenly the web gallery from the sidebar disappears and it as if I never clicked on the web gallery button. All my old we galleries are gone. I tried deleting iphoto prefs and deleting to _gallery folder from my idisk. No luck. When I try publishing a movie in iMovie to the web gallery, everything seems to proceed correctly. It compresses and uploads. The when I click the link provided, I get Apple's version of error 404: no such website.
Ben:
See if you can upload a file, any type will do, to the Sites folder on your iDisk via the Finder. I had a similar problem. When I tried uploading a file to the Sites folder or any of its subfolders I would get an error message. I reported it to the iWeb and .Mac feedback sites. It went away for a while and then came back that same day and then went away. Apple did get back to me and checked my account. They reported all was well. If you do get an error you may have a similar to mine but one that's not correcting itself. Report you problems to:
http://www.apple.com/feedback/mac/tm.html
http://www.apple.com/feedback/iphoto.html
Do you Twango?
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file. -
Links and photo gallery not working!
Hi,
I've just created a website by iWeb. After publishing the site in the local folder I've uploaded the entire contents to the server by FTP. From local folder it works fine but while trying to view online, the links between the pages not working (even not visible) at the same time my photo gallery is also not working (not visible). I was using Safari in mac.The same problem occurs while I am trying to browse the site from in my pc (copied the file in a local folder) and using Google Chrome and Internet Explorer
If anyone can tell me what is the possible error?
Thanks,
TariqueFrom viewing your site it's apparent that not all of the files are being uploaded to the server. Particularly those in the Scripts folder.
Have you opened your locally published site with your browser and checked it out? I think you'll find that the navbar will display correctly on both pages and the rest of the site will properly.
What ftp client are you using to upload the files? If you haven't tried the free Cyberduck client give it a try. Many users have found it to be successful where other clients were having problems. -
IWeb photo gallery does not work in IE
Does anyone know why iWeb photo gallery does not work in Internet Explorer but does work in Safari, Chrome & Firefox?
What kind of a response are you looking for with a post like that, seriously? Change this or that in your unprovided code? Use this or that gallery, which may be the gallery you're already using. We don't know because you haven't mention specifics, provided any code, or any other relevant information to produce a helpful response. All you've said is you click a link and it's white. Kudos.
We're not mind readers and no one is looking over your shoulder watching what you're doing. Get it together... and when you do, post a link so we can see what you're talking about. jeez.
Maybe you are looking for
-
"and" function in filter in Bridge?
I give multiple keywords to my pictures, such as name of person and date taken. If I want all pictures of person A of date X and cross the relevant keywords in filter, I get ALL the pictures of person A as well as ALL the pictures taken on date X. Th
-
I put a Griffin case on my daughter's iPod Touch 5 and now there is no sound coming from the speaker. There is sound when we use the headphones. Is there a mute function that I may have switched on and if so how do I turn it off? It was a gift boug
-
Can not change vendor when creating a new Development Component in NWDS
Dear friends, Im trying to create a new Development Component in NWDS. Our NWDS is connected to NWDI and we are using CM Services option of NWDI. Before I could create a DC and change the vendor but now I cant change it anymore. Now, the vendor is by
-
Hi I have a BPM with a fork with 2 branches. It receives a sync request, post an async idoc and return response. Branch 1 - post Idoc, wait for transport acknowledgement and then map OK message back to sender Branch 2 - wait step (1 minute), map to t
-
Project Folder or Program Files???
I'm having problems with drive too slow error messages and system overload, and shouldn't be... I'm using an external firewire 7200rpm drive for my audio. I've reformatted my audio drive, as well as reloaded Tiger onto a freshly formatted system driv