Cropping Thumbnails in Lightbox widget
How do I adjust the crop on the thumbnails used for a lightbox? Or is it possible to do this without having to go back to Photoshop and change the crop there?
If you double click on the photo thumbnail, then right click (contextual menu) and choose "fitting" then choose "fit content proportionally". This will then scale proportionally when resizing photo thumbnails and keep everything spaced to the "placeholder mask", NOT the image itself. Not bad, at least you can have a complete visual of the actual image via thumbnail as opposed to the 4x3 thumbnail the default creates.
I am still trying to figure out how to get this to apply to all of the thumbs.
Also the lightbox where it shows the larger picture sometimes does not update, you have to choose each photo
and do the same double click, right click, choose fit proportionally.
I hope this is fixed soon.
Best,
KStC
Similar Messages
-
It would be great if the thumbnail bounding box size in the lightbox widget could conform to direction of the image being placed in it. It would really open the door to creative design possibilities when arranging the thumbnails, especially if you use Free Form Thumbnails. Even better if there was an option to scale the images based on either the short or long edge.
Currently because all of the bounding boxes are conformed to a landscape format, when you try to create a thumbnail grid based on orientation, the portrait images overlap the landscape and other portrait images, so when you roll over the images, they cross over to the next one midway and in some cases totally overlap the center image in groups of three.If you double click on the photo thumbnail, then right click (contextual menu) and choose "fitting" then choose "fit content proportionally". This will then scale proportionally when resizing photo thumbnails and keep everything spaced to the "placeholder mask", NOT the image itself. Not bad, at least you can have a complete visual of the actual image via thumbnail as opposed to the 4x3 thumbnail the default creates.
I am still trying to figure out how to get this to apply to all of the thumbs.
Also the lightbox where it shows the larger picture sometimes does not update, you have to choose each photo
and do the same double click, right click, choose fit proportionally.
I hope this is fixed soon.
Best,
KStC -
How can I use my custom thumbnails with lightbox widget?
I have been trying to find the answer to this for a couple of days. I did see one thread about this, but it didn't really answer the question. I don't want my thumbnail images to be miniature versions of my hero image. I have created custom thumbnails to use instead. Is there a way to do this?
I cannot begin to express my level of frustration. I have been trying to use the composition widget light box display for some time now. I drag the widget to my document. The default widget has three small trigger boxes and a large area made up of a forward and backward button, a background, a text box and a frame for your image.
My steps have been …
I click on the little trigger box.
I click on the frame that holds the main image.
I go to the fill menu and browse my computer for my image and then click OK.
IT shows up on my screen. Yay
I attempt to continue using the next two trigger boxes provided in the widget.
After that, I add more by clicking on the little plus sign.
This is where all heck breaks loose.
Every single time I attempt to add thumbnails, something messes up. When I go to preview, either not all of my main images show up, or it starts with the wrong one, or some are missing. I have looked and looked for help on this and the only thing I can find is how easy it is to create a great portfolio lightbox display. But as we know, that only works when your thumbnails are the same image as the images in your lightbox. If you want something different, you have to use the composition wizard. I am finding it extremely difficult and confusing to customize.
Is there an exact sequence you need to use to add images to the slideshow? I am my wits end. -
Space between thumbnails - Lightbox Widget
Hi
Does anyone know if it's possible to control the space between the thumbnails in Lightbox widget?
It's always with 10 pixels, no matter the size of the thumbnails.
Cheer's
Dandalo GabrielliYou can control the spacing in the spacings panel. Select any thumbnail and adjust the margin to change the spacing.
-
Problem with Alt Text output from thumbnail image of Lightbox widget
I’m having a problem with the Lightbox widget not producing alternative text based on the image properties. I’ve set ALT text for the image properties on both the larger Ligtbox image as well as the thumbnail. But the HTML output from Muse does not include the ALT text on the thumbnail version of the image. Here’s an example:
<div class="popup_anchor">
<div class="Thumb popup_element clearfix" id="u4409"><!-- group -->
<a class="anchor_item grpelem" id="untitled"></a>
<div class="grpelem" id="u4433"><!-- image -->
<img id="u4433_img" src="/images/n0060292x292.jpg" alt="" width="292" height="292" />
This may be a problem that came in a previous release of Muse. I have a few older examples where ALT text is produced, but it’s no longer updated if I update the Image Properties.I'm seeing the same problem. Looks like a bug to me. Any ideas as to how we can get this on Adobe's bug fix list?
-
CS5.5 lightbox widget won't work
Hi, I am currently designing my portfolio page, and I decided to insert the lightbox widget into it to save time; however, it is causing me a lot of problems. I have tried both dragging the widget directly into dreamweaver and downloading it manually; although, no matter what I do, both the thumbnail images, enlarged images, and all the .gif's do not show up.
I realized that this would usually happen due to incorrect file directory, so I double checked those paths. It turns out that the paths are all correct. I tried redownloading it various times, but nothing changed.
Is this a typical problem with CS5.5?? It is so frustrating!I can't speak to the Lightbox Widget itself because I've never tried it. But you can successfully add jQuery plug-ins into any site regardless of which version of DW you use.
Download Fancybox or similar Lightbox plug-in script.
For details, see Primer For Using jQuery Plug-ins.
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O. -
How to add a video to a lightbox widget
Hello!
How do you put a video in the muse lightbox widget?You can drop a video player widget right into the target area of the composition. Or better yet, you can use a dedicated video gallery if you're looking to use lightbox displays for video thumbnails. Something like these:
YouTube Gallery:
http://widgets-musethemes.businesscatalyst.com/tb023.html
Vimeo Gallery:
Adobe Muse Vimeo Video Gallery Widget | MuseThemes.com
Hope that helps! -
Lightbox gallery works in browser, but not online. Images are displayed, but javascript is not working. Any suggestions for troubleshooting? http://www.vanessa-lynn.com/paintings.html
Copy & paste this code into a new, blank document. Save and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Fancybox2 Demo</title>
<!--LATEST JQUERY CORE LIBRARY-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!--FANCYBOX plugins-->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>
<!--your styles-->
<link href="threeColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header">
<a href="index.html" title="home" id="Insert_logo">
<img src="images/logo-small.jpg" alt="" name="Insert_logo" width="90" height="39" style="background: #8090AB; display:block;" />
</a>
<!-- end .header -->
</div>
<div class="content">
<h2>paintings</h2>
<ul id="gallery">
<li> <a class="fancybox" rel="group" href="images/untitled-1.jpg" title="untitled">
<img src="images/thumbnail-1.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-2.jpg" title="untitled">
<img src="images/thumbnail-2.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-3.jpg" title="">
<img src="images/thumbnail-3.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-4.jpg" title="">
<img src="images/thumbnail-4.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-10.jpg" title="">
<img src="images/thumbnail-10.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-11.jpg" title="">
<img src="images/thumbnail-11.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-12.jpg" title="">
<img src="images/thumbnail-12.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-13.jpg" title="">
<img src="images/thumbnail-13.jpg" width="200" height="129" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-14.jpg" title="">
<img src="images/thumbnail-14.jpg" width="200" height="131" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-15.jpg" title="">
<img src="images/thumbnail-15.jpg" width="200" height="130" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-16.jpg" title="">
<img src="images/thumbnail-16.jpg" width="200" height="132" alt="" />
</a> </li>
<li> <a class="fancybox" rel="group" href="images/untitled-17.jpg" title="">
<img src="images/thumbnail-17.jpg" width="200" height="132" alt="" />
</a> </li>
<!--end gallery-->
</ul>
<!--end content-->
</div>
<!--end container-->
</div>
<!--INVOKE FANCYBOX-->
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
helpers : {
title : {
type : 'inside'
buttons : {}
</script>
</body>
</html>
Fancybox is much better than the lightbox widget.
Nancy O. -
Neither the menu or lightbox widgets are working correctly
My website is at http://www.goodwinsanimations.com/2
I'm using the menu widget and lightbox widget in my website and neither are working correctly:
The menus work but the dropdown feature does not work when I test it in either Mozilla Firefox or Google Chrome. This is not vital in my case but I would like to have it working
The lightbox part of the lightbox widget does not display at all but the thumbnails and text items are there but inactive
How do I solve this? It looks bad without the latter in particular. I've tested the lightbox I used on multiple pages. I don't want to re-insert it as I've already added the captions and images.
ThanksAnd I forgot to add for sure the laptop is authorized --- I couble checked.
thnx -
I want to use the lightbox widget with an initial picture and then I want to have other pictures that are stacked and triggered to display when the mouse hovers over the thumbnail trigger. When the mouse is not over one of the triggers i want the initial picture to display.
Additionally, can you have a flyout menu as part of the trigger that will serve as links to other pages. Lastly, I have been able to resize the target that hols the puctures, but the black frame that surrounds it will not resize. I want the taget to be 800 x 250 with the outer border slightly larger in order to give the appearance of a frame.
Joe ParkerPlease try to pin them and then verify if still it shows the same behavior.
Thanks,
Sanjit -
it appears that I'm not able to include thumbnail display with my lightbox presentation. Is it possible to create a slideshow that hides the hero box initially when a page is first visited and then displayed when a thumbnail is clicked for the first time?
Hello,
It looks like you wish to hide the target area at first and want it to be visible only when a thumbnail is clicked for a lightbox. This is something that already happens. Check this short video: http://jingsite.businesscatalyst.com/jing/2013-09-06_0620.swf
Apart from the lightbox widget, this feature is available in all the compositions as well (known as "Hide All Initially"), so if you don't wish to use a lightbox, you can use a composition instead. Check this screenshot: http://jingsite.businesscatalyst.com/jing/2013-09-06_0627.png
Hope this helps.
Cheers
Parikshit -
Lightbox Widget - what am I doing wrong?
Hello. I was wondering if someone could look at the code on my test page and tell me why the Lightbox widget works in Preview and not in the browser. I'm sure it's something very easy to fix but I've tried everything and have limited knowledge. Here is the link: http://www.soccermadnessonline.com/html/phototesting.html
Thank you in advance!
ErinTry uploading the full size images. All I see are the thumbnail images.
Nancy O. -
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> -
In the lightbox widget, how do I move a caption without moving the location of all the captions?
I'm using the lightbox widget for my portfolio, and I've uploaded files of various layouts and orientations. Some captions appear over my graphics. When I try to move the caption below the graphic, it moves the location for all of my captions. Edit Together is unchecked. What am I missing?
Consult the documentation for the app you've downloaded and see if they offer any way of importing from the app on your BB.
-
Problem inserting ANY content into Lightbox Widget
I'm trying out Muse. So far, generally impressed EXCEPT for Lightbox widget.
I'm following the Adobe Muse Training - Building your first website in order to see how the program works.
So far, I have spent over 3 hours trying to insert video into the widget and am about to give up.
With Widget inserted and trigger defined, I click the widget, "Widget" appears in the Selection Indicator. I click again, "Container" appears. I click again "Container" appears again and inner container shows blue selection lines.
Now, whether I go to Object > Paste HTML or just right click and paste inside the selected container, the result is the same - the video is pasted on the page itself, NOT in the container.
I have read, re-read, re-did, started from scratch, restarted my computer and I'm going crazy. There should be no reason why it does not work.
It should be like selecting a div tag in Dreamweaver to select the entire tag or element and place inside.
Any ideas? Help!
M
As an additional oddity, I WAS ultimately able to insert the video file into the lightbox, but only after the video appeared (maddeningly) on the page. Then I dragged the video image into the inner container. THEN it worked. But why I have no idea.
Lightbox widget needs some SERIOUS fixing.Content can either be created inside the lightbox widget container or it can be added to it.
When creating new content like a rectangle or textframe, it should begin somewhere within the boundaries of the container.
When adding/placing content it can either be dragged into the container or pasted into it. When pasting, make sure that the correct container is selected.
Content added using "Insert HTML" is added to the page first. You can then either drag it into the container or cut it, select container and paste it there.
You can submit a feature request at http://forums.adobe.com/community/muse/ideas for the "Insert HTML" content to be added directly to container - when the container is selected at the time of pasting/adding HTML content.
Thanks,
Vikas
Maybe you are looking for
-
Hi all - is it really possible to use one license for two computers or is it just a rumor?
I heard that it would be possible that you can use one license for two computers. Is that the truth? And if so - how does it work? Thanks K
-
Validation in VO based on sql query
I need few inputs for the customization of OAF page. Business Need: Restriction of special character in supplier oaf pages for supplier name. There are 3 oaf pages involved in supplier creation/update for R 12.1.3 1) oracle\apps\pos\supplier\webu
-
Hi, Am new to KM. We have installed NW CE 7.1 in our server and we would require KM also as data source to our CE Portal. However, we dont have a KM installation. I have read that KM comes by default with NW2004S installation in usage type EP. So I w
-
NAC Manager High Availability Peer CAM DEAD
Hi, I have two NAC Managers with High Availability and i have used both sides eth1 interface as a Heartbit link. I have done following Steps for High Availability. 1) Synchronize the times between two CAMs. 2) Generate a Temporary SSL certificate
-
October 2014 update rollup for Windows Server 2012 R2 and Data Protection Manager 2012 R2
Hello all, After installing the October 2014 update rollup for Windows Server 2012 R2 (KB2995388) on our Windows 2012 R2 Core Edition backup jobs of System State start to Fail, below the generic error: The replica of Non VSS Datasource Writer on host