background bug Adobe lightbox widget

Hello

When I change the background of the widget f, all right, the image appears, but when I click somewhere else, return to gray background until I have click on it again, in the preview it shows the image I put, but the gray background, getting really boring

Thank you

muse bug.jpg

When you change the background of the thumbnail of the slide show widget, please keep an eye on the States Panel on the right. Check that the Normal State (first) is turned on until you go ahead with changing the background or any style. The State of Active (Normal) is selected, then the background only show when the thumbnail is selected and is the active element. See screenshot below:

Tags: Adobe Muse

Similar Questions

  • Thumbnails in lightbox widget

    Hello

    I bought a widget to the Gallery 'Muse for you' and I would like to insert in a composition for a ranking of my images, create thumbnails, listed by type.

    But the widget doesn't fit in my composition. Is there another way to create an image of filing for this widget?

    the widget: Adobe Muse CC | Receptive Lightbox Gallery | Muse for you - Adobe Muse Widget Directory

    Thks.

    I suggest you contact the developer for help.

  • How to adjust the size composition for Tablet lightbox widget?

    Hello

    I recently built my first portfolio with muse site and now want to extend it to use Tablet and smartphone.

    I Don t know how to adjust the size of the composition however lightbox widget. I hope I Don t need it built again from scratch? This would mean to settle 23 slides, that I m not very keen on...: O all advice would be very appreciated!

    You can see the version of office here: http://www.movi.bz

    THX, Janne

    Click on the main content window until you see "Container" to the "selection indicator. You should also see resize handles around the container. Just use the handles to resize the container as you would anything else.

    Adobe help Muse | Working with Widgets

  • Error in IE Spry menu disappearing list Background Bug

    I wanted to be able to update the menu once so I did the menu as a library item. Initially the menu kept disappearing into employment insurance, somehow I fixed it so it actually appears correctly now, but Dreamweaver always shows the error 'developing disappearing list Background Bug in EI"all in the < ul > opening. And now, I also noticed that there is a problem with the first menu, by rolling on the tab 'business' drops the submenu and let you click on 'about' he goes to the page, but then when you hover over the menu they change color and they do not show the submenu. This work well if I go to any other menu on this bar except for the first. I don't know what to do, and apreciate any help!

    Here is the site:

    http://Phantazia.ca/

    @charset "UTF-8";

    / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

    / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

    /*******************************************************************************

    The AVAILABLE INFORMATION: Describes the box model, positioning, the order

    *******************************************************************************/

    / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

    UL. MenuBarHorizontal

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 14px;

    cursor: default;

    Width: auto;

    do-family: Arial, Helvetica, without serif.

    z-index: 10;

    background-color: #424242;

    }

    / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

    UL. MenuBarActive

    {

    z-index: 1000;

    }

    / * Menu item containers, position of children relative to this container and are a fixed width * /.

    UL. MenuBarHorizontal li

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    position: relative;

    text-align: left;

    cursor: pointer;

    Width: 8th;

    float: left;

    }

    / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

    UL. MenuBarHorizontal ul

    {

    margin: 0;

    padding: 0;

    list-style-type: none;

    do-size: 100%;

    z-index: 20;

    cursor: default;

    Width: 13em;

    position: absolute;

    left:-1000em;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

    {

    left: auto;

    }

    / * Container of menu items are same fixed width parent * /.

    UL. MenuBarHorizontal ul li

    {

    Width: 13em;

    background-color: #424242;

    border-top-width: 1px;

    border-top-style: solid;

    border-bottom-color: #FFF;

    color: #FFF;

    }

    / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

    UL. MenuBarHorizontal ul ul

    {

    position: absolute;

    margin:-5% 0 0 95%;

    }

    / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

    UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

    {

    left: auto;

    top: 0;

    }

    /*******************************************************************************

    INFORMATION DESIGN: Describes the set of colors, borders, fonts

    *******************************************************************************/

    / * Submenu containers have borders on all sides * /.

    UL. MenuBarHorizontal ul

    {

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #666;

    border-bottom-color: #666;

    }

    / * Menu items are a light grey block with padding and no text decoration * /.

    UL. MenuBarHorizontal a

    {

    display: block;

    cursor: pointer;

    Padding: 0.5em 0.75em;

    color: #FFF;

    text-decoration: none;

    }

    / Components menu that have mouse over or focus have a blue background and white text * /.

    UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

    {

    background-color: #424242;

    color: #FFF;

    }

    / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

    UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

    {

    background-color: #0689C 4;

    color: #FFF;

    }

    /*******************************************************************************

    Submenu INDICATION: styles if there is a submenu in a given category

    *******************************************************************************/

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarDown.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

    {

    background-image: url (SpryMenuBarRight.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarDownHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

    UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

    {

    background-image: url (SpryMenuBarRightHover.gif);

    background-repeat: no-repeat;

    background-position: 50 95%;

    }

    /*******************************************************************************

    BROWSER HACKS: hacks below should not be changed, unless you are an expert

    *******************************************************************************/

    / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

    UL. MenuBarHorizontal iframe

    {

    position: absolute;

    z index: 1010;

    }

    / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

    @media screen, projection

    {

    MenuBarHorizontal li SLH. MenuBarItemIE

    {

    display: inline;

    f\loat: left;

    background-color: #424242;

    }

    }

    The reason why the menu does not work in page comments is because there is no link to the SpryMenuBar.js on the page.

    Below are the first lines of your index.html document

    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.DTD">

    " href =" ' / favicon.ico ' ' rel = "shortcut icon" type = "image/x-icon" / > "

    B SHARP SYSTEMS | Company

    Layout.CSS"rel ="stylesheet"type ="text/css"/ >

    SpryAssets/SpryMenuBarHorizontal.css"rel ="stylesheet"type ="text/css"/ >

    and the following to about.html

    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.DTD">

    " href =" ' / favicon.ico ' ' rel = "shortcut icon" type = "image/x-icon" / > "

    B SHARP SYSTEMS | Highly scalable technology solutions provider located in California, USA.

    Layout.CSS"rel ="stylesheet"type ="text/css"/ >

    SpryAssets/SpryMenuBarHorizontal.css"rel ="stylesheet"type ="text/css"/ >

    GRAMPS

  • Help with gallery lightbox widget

    Hello

    I built a website for my photography business and used the Gallery lightbox widget. I'm not massively HTML mind so I tend to build in design mode and just edit HTML.

    The Gallery is here: http://www.emmarichards.co.uk/gallery.html

    When you click on one of the photos, it does not work properly, need you just to another Web page with just the image. It worked fine in live view. I looking at it in IE, do not know what version, but a pretty up to date I think. I also checked by using the Mozilla browser and having the same problem. How can I fix this please? The code of the pages is as follows:

    <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Barnsley wedding photographer - Emma Richards < /title >
    < style type = "text/css" >
    <!--
    {body
    Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.
    background: #4E5869;
    margin: 0;
    padding: 0;
    Color: #000;
    background-color: #99BADB;
    }

    / * ~ ~ Tag of the element selectors ~ ~ *.
    UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    }
    H1, h2, h3, h4, h5, h6 {p}
    margin-top: 0;  / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */
    padding-right: 15px;
    padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */
    }
    an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}
    border: none;
    }

    / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */
    a: link {}
    color: #414958;
    text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.
    }
    a: visited {}
    color: #4E5869;
    text-decoration: underline;
    }
    a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}
    text-decoration: none;
    background-color: #FFFFFF;
    }

    / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.
    . Container {}
    Width: 80%;
    Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */
    min-width: 780px; / * a min-width may be desirable to keep this provision to become too narrow. This keeps the more readable line length in the side columns. IE6 does not respect this statement. */
    Background: #FFF;
    margin: 0 auto; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */
    }

    / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.
    . Header {}
    background-color: #ffffff;
    }

    / * ~ ~ It's layout information. ~~

    (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

    */
    . Happy {}
    padding: 10px 0;
    }

    / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.
    . Content ul, ol {} content
    padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */
    }

    / * ~ ~ Footer ~ ~ * /.
    .footer {}
    padding: 10px 0;
    background-color: #ffffff;
    }

    / * ~ ~ various float/clear classes ~ ~ * /.
    .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
    float: right;
    left margin: 8px;
    }
    .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */
    float: left;
    right margin: 8px;
    }
    .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}
    Clear: both;
    height: 0;
    font size: 1px;
    line-height: 0px;
    }
    body, td, th {}
    do-family: Tahoma, Geneva, without serif.
    }
    ->
    < / style >
    < script src = "scripts/jquery.js" type = "text/javascript" > < / script > "
    < script src = "scripts/lightbox.js" type = "text/javascript" > < / script > "
    < link href = "css/lightbox.css" rel = "stylesheet" type = "text/css" / > "
    < link href = "css/sample_lightbox_layout.css" rel = "stylesheet" type = "text/css" / > "
    < style type = "text/css" >
    / * BeginOAWidget_Instance_2127022: #gallery * /.

    {.lbGallery}
    / * Gallery container parameters * /.
    background-color: #ffffff;
    padding-left: 180px;
    padding-top: 20px;
    padding-right: 180px;
    padding-bottom: 20px;
    Width: 900px;
    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 images * /.
    border-color: #ffffff;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px:
    }

    .lbGallery ul li a: hover {img
    / * background color on the hover.
    border-color: #ffffff;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    }

    {#lightbox-container-image-box}
    border-top: 0px none #ffffff;
    border-right: 0px none #ffffff;
    border-bottom: 0px none #ffffff;
    border-left: 0px none #ffffff;
    }

    {#lightbox - container - picture - data - box}
    border-top: 0px;
    border-right: 0px none #ffffff;
    border-bottom: 0px none #ffffff;
    border-left: 0px none #ffffff;
    }
    / * EndOAWidget_Instance_2127022 * /.
    < / style >
    < script type = "text/xml" >
    <!--
    < oa:widgets >
    < oa:widget wid = binding "2127022" = "#gallery" / >
    < / oa:widgets >
    ->
    < /script >
    < / head >

    < body bgcolor = "#FFFFFF" text = "#000000" link = "#000000" vlink = "#000000" alink = "#000000" >

    < div class = "container" >
    < div class = "header" >
    < div align = "center" >
    < p > < img src = "1TITRE 2.png" alt = "wedding of emma richards barnsley photographer" width = '1144' height = '368' / > < / p >
    "< p > < a href ="about.html"> < img src =" 1.png"alt ="about emma richards wedding photographer barnsley"width ="143"height ="46"border ="0"/ > < /a > < a href =" weddings.html "> < img src =" 1.weddings.png "alt ="wedding information barnsley photographer"width ="162"height ="46"border ="0"/ > < /a > < a href ="gallery.html"> < img src =" 1.gallery.png"alt ="Image of barnsley wedding photographer Gallery"width ="162"height =" "" "" 46"border = '0' / > < / has > < a href ="pricing.html"> < img src =" 1.pricing.png"alt ="barnsley price information wedding photographer"width ="162"height ="46"border ="0"/ > < /a > < a href =" engagements.html "> < img src =" 1.engage.png "alt ="engagement photography couples pull barnsley"width ="221"height ="46"border ="0"/ > < /a > < a href ="http://emmarichardsuk.blogspot.com "> < img src ="1 blgo.png"alt =" emma richards blog photography marriage"width ="105"height ="45"border ="0"/ > < /a > < a href ="contact.html"> < img src ="1 contact.png"alt =" contact emma richards"width ="162"height ="46"border ="0"/ > < /a > < /p >"
    < / div >

    <! - end .header - > < / div >
    < div class = "content" >
    < div id = 'Gallery' class = "lbGallery" >
    < div align = "center" >
    < ul >
    "< li > < a href ="2.ABBIE AND KID.jpg"width ="600"height ="400"title =" "> < img src =" 2.ABBIE AND KID.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
    "< li > < a href =" 2.R AND M CAKE.jpg CUP"title =" "> < img src =" 2.R AND M CAKE.jpg CUTTING "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
    "< li > < a href =" alex laura 1 (5) .jpg"title =" "> < img src =" alex laura 1 (5) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
    < li > < a href = "alex laura 1 (8) .jpg" > < img src = "alex laura 1 (8) .jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < /a > < /li > "
    < li > < a href = 'tree closer.jpg' width = "600px" height = "400px" title = "" > < img src = "tree closer.jpg" width = "150" height = "100" alt = "" / > < /a > < /li > < br / > "
    "< li > < a href ="11.jpg"width ="600"height ="400"title =" "> < img src =" 11.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
    "< li > < a href ="10.jpg"title =" "> < img src =" 10.jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / a >
    < li > < a href = "James Ruth Church128.jpg" title = "" > < img src = "James Ruth Church128.jpg" width = "150" height = "100" alt = "whitley hall" "sheffield" 'barnsley wedding photographer' "wedding" / > < / has >
    < li > < a href = "2.ABBIE GROUP.jpg" > < img src = "2.ABBIE GROUP.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li > "
    < li > < a href = "12 - 5.jpg" width = "600px" height = "400px" title = "" > < img src = "12 - 5.jpg" width = "150" height = "100" alt = "Barnsley wedding photography" / > < /a > < /li > < br / >
    "< li > < a href =" alex laura 1 (3) .jpg"width ="600"height ="400"title =" "> < img src =" alex laura 1 (3) .jpg "width ="150"height ="100"alt ="Barnsley wedding photography"/ > < / has >
    < li > < a href = "confetti crop.jpg" title = "" > < img src = "confetti crop.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a >
    < li > < a href = "Mark & amp; Rachel 025.jpg"title =" "> < img src ="Mark & amp; Rachel 025.jpg"width ="150"height ="100"alt ="park inn wedding""wath' 'barnsley' "photograph" / > < / a >
    < li > < a href = "Abbie Ben 0336.jpg" > < img src = "Abbie Ben 0336.jpg" width = "150" height = "100" alt = "barnsley wedding photographer" / > < / a > < /li >
    < li > < a href = "Abbie Ben 0309.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0309.jpg" width = "150" height = "100" alt = 'first kiss' "barnsley wedding photographer" / > < /a > < /li > < br / >
    < li > < a href = "laughing 2.png" width = "600" height = "400" title = "" > < img src = "laugh 2.png" width = "150" height = "100" alt = "whitley hall" "sheffield wedding photography wedding" / > < / has >
    "< li > < a href ="2.double.jpg"title =" "> < img src =" 2.double.jpg "width ="150"height ="100"alt ="Wedding at Park Inn""wath' 'barnsley' "photograph" / > < / has >
    "< li > < a href ="132.jpg"title =" "> < img src =" 132.jpg "width ="150"height ="100"alt ="whitley hall""sheffield"'barnsley wedding photographer'"wedding"/ > < / has >
    < li > < a href = 'Abbie and Ben 0621.jpg' > < img src = "Abbie and Ben 0621.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li >
    < li > < a href = "Abbie Ben 0320.jpg" width = "600px" height = "400px" title = "" > < img src = "Abbie Ben 0320.jpg" width = "150" height = "100" alt = "barnsley wedding photography" / > < /a > < /li > < br / >
    < li > < a href = "Abbie Ben 0011 copy.jpg" width = "600" height = "400" title = "" > < img src = "Abbie Ben 0011 copy.jpg" width = "150" height = "100" alt = "bouquet", "barnsley wedding photographer" / > < / a >
    < li > < a href = "James & amp; Title Ruth0202.jpg"=" "> < img src ="James & amp; Ruth0202.jpg"width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / a >
    "< li > < a href =" alex laura 1 (4) .jpg"title =" "> < img src =" alex laura 1 (4) .jpg "width ="150"height ="100"alt ="barnsley wedding photographer"/ > < / has >
    < li > < a href = "123.jpg" > < img src = "123.jpg" width = "150" height = "100" alt = "rotherham" "wedding at park inn" "wath' 'barnsley'"photograph"/ > < /a > < /li >"
    < li > < a href = "Mark & amp; Rachel 311.jpg"width ="600px"height ="400px"title =" "> < img src ="Mark & amp; Rachel 311.jpg"width ="150"height ="100"alt ="rotherham"'Marriage Park Inn' 'wath' 'barnsley'"photograph"/ > < / a > < /li > < br / >
    < /ul >
    < / div >
    < / div >
    < div align = "center" >
    < script type = "text/javascript" >
    BeginOAWidget_Instance_2127022: #gallery

    $(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 picture of the previous button
    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 narrow btn
    imageBlank: ' / images/lightbox/lightbox-blank.gif', / / (string) path and the name of an empty image (pixel)
    fixedNavigation: false, / / Boolean (Boolean) which informs if the navigation (next and prev button) will be set in the interface or not.
    containerResizeSpeed: 400, / / specify the duration of the container image resizing. These numbers are milliseconds. default is 400.
    overlayBgColor: "#ffffff", / / (string) the background color of overlay; inform a hexadecimal as value: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue color values.
    overlayOpacity: 0, / / the value of opacity (whole) to overlay; inform: 0.X. Where X is a number from 0 to 9
    txtImage: 'Image', //Default text from the image
    txtOf: "from".
    });
    });

    EndOAWidget_Instance_2127022
    < /script > <! - end content - > < / div >
    < / div >
    < div class = "footer" >
    < hr / >
    < p align = 'right' class = 'container' > 07794 430 229 / / [email protected] </p>
    <! - end .footer - > < / div >
    <! - end .container - > < / div >
    < / body >
    < / html >

    emmarichards4 wrote:

    What do I have to have the same path as in my root folder, for example in my Public folder with my host, have a "script file, then put the"jquery.js"file in that or this should not matter?"

    All roads (road of the file relative to the dependent file) are essential.

    If the path is not correct, the required file will be not considered and effect will not work.

    There is no need to download files individually and place them manually in the remote folders. DW manages all the paths of files and folders for you if you use the files Panel.

    For example, http://www.emmarichards.co.uk/scripts/lightbox.js = 404 error. The file does not yet exist on the server at this location.

    You should be able to click on folders css and scripts locally, click Put and all files in those folders will be downloaded correctly.

  • How can I change the background color of Lightbox?

    How can I change the background color of Lightbox?  The default white is the worst possible choice for the images of the IMO.

    There seems to be no way to change this.

    Hi Pierre!

    You can!  Head to the main parameters (on the left side of the editor) and then go to the Site Options.  There should be a tab that says "SOFTBOX for Images and you can change the style here.

  • Adobe Captivate Widgets prevent the timeline stops.

    I noticed a problem with Adobe Captivate Widgets after the Flash play updated to 20.0.0.286. Captivate bars 8.0 and 9.0, Adobe Captivate Widget (and customer bars) prevent the timeline to play and objects on the timeline do not appear on the scene (slide).

    Is there a fix for widgets? If there is no solution, which is a workaround for a widget reading/navigation bar?

    I don't know if there is an easy solution for widgets that do not work with Flash 20 but if it turns that there is no solution, then the solution will be to create your own navigation using standard interactive objects such as buttons, and then click boxes, or preference buttons smart shape on slide master.

  • My Adobe Acrobat widget does not work. Whenever I try to convert a webpage to PDF, a window opens saying that "any version of Acrobat can be found, install Acrobat 11.0.09 or update version to use the extension create PDFs.» I downloaded the last drunk ve

    My Adobe Acrobat widget does not work. Whenever I try to convert a webpage to PDF, a window opens saying that "any version of Acrobat can be found, install Acrobat 11.0.09 or update version to use the extension create PDFs.» I downloaded the latest version but iut still does not work. I use a MAC and Chrome as a browser.

    Can you help me?

    If you use Adobe Reader, you will not be able to create a PDF file. Adobe Reader cannot create a PDF file, modify/edit the content of a PDF page or export the contents of a PDF page.

    For those, you must use Acrobat or one of Adobe's online subscription services.

    Be well...

  • How to create a website video background in Adobe Edge?

    Hello
    I have the video file on my SSD drive computer and I want to play as a backdrop on my web page (a page I created). I tried to watch this video:

    How to create a website video background in Adobe Edge animated using Edgehero - YouTube

    but I can't follow 100% what she does.

    Guide I've tried to follow is at this link: How to create A Web site video in Adobe Edge bottom animate using Edgehero - YouTube

    Steps I do in Adobe Edge animate CC

    1.) create new

    2.) I click on + sign article library > > Scripts > > add a JS of URL file...

    URL that I add is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js  (URL is taken from site: Edgehero.js )

    I add this link:http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL

    1.JPG

    3.) I go to Edgehero.js and from there i scrol down to section named as Media - video Html5 / Html5 audio
    and here I select this option:

    2.JPG

    There is a code:

      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here

    4.) I go to Adobe Edge animate CC 2014 and right-click on the project and select Actions open to "Stage".

    3.JPG

    and then I click on + sign and select creationComplete4.JPG

    This will open the window of the scene

    Here I copy this code:
      // this will set the video as background of the div/rectangle
    backgroundvideo_1 ='movie.mp4';
      // put new edgehero.js variables here

    5.JPG

    5.) then I click on + sign under the library > > video

    6.JPG

    and I add video to my computer disk SSD.
    Video is called as video3.mp4

    Now I eddit code in the window of the scene (see above)
    code will look like after editing like this:

    7.JPG

    Can I change under the left-side px to %

    8.JPG

    9.JPG

    6.) then I copy the Code in step backgroundvideo_1:

    10.JPG


    Then I select the Rectangle tool and mark the box (white box) and I click on the little icon of C
    11.JPG

    And the box that takes place I type here backgroundvideo_1_mp4 autoplay
    now when I use ctrl and enter I get only a gray box that does not play video.
    What I am doing wrong?


    I drag and drop a video from the side straight to rectangle window and the side left, I clicked on loop playback and it started working as it should.

  • I have a problem installing adobe muse widgets.while import a new widget, I get this error "import library error.preloader.mutlb number unexpected formart '276'"»

    I have a problem installing adobe muse widgets.while import a new widget, I get this error "import library error.preloader.mutlb number unexpected formart '276'"»

    Hello

    You use a 32-bit computer? (use the links below to chcek it.)

    Windows: http://windows.microsoft.com/en-IN/windows7/find-out-32-or-64-bit

    MAC: how whether your Mac to Intel processor with a 32-bit or 64-bit - processor Apple Support

    This widget can be installed on the Muse CC2014 and above versions and if you are on a 32-bit computer, you will be unable to upgrade to the MUSE CC2014 and above.

    I recommend you to update your computer to 64-bit and then you go to the MUSE CC 2014, once updated, you will be able to install this widget.

    Please let me know if the machine is 64-bit.

    Concerning

    Vivek

  • Question of lightbox Widget

    Simple question for staff of Muse: with a Lightbox widget, you can reposition the images in the miniature triggers?

    Hello

    It is possible with a composition lightbox widget, but not with a lightbox slideshow.

    Kind regards

    Akshay

  • In the lightbox widget, how can I move a legend without moving the location of all legends?

    I use the lightbox widget for my wallet, and I downloaded the files of different layouts and directions. Some captions appear over my graphics. When I try to move the legend below the chart, it moves the location for all my captions. Edit together is not checked. What Miss me?

    Try the widget 'Presentation' under 'Compositions' but Yes - will not work with the lightbox.

  • lightbox Widget

    It seems that I'm not able to include the display of thumbnails with my introduction to jQuery. Is it possible to create a slide show that hides the box of heroes initially when a page is first visited, then displayed when the user clicks on a thumbnail for the first time?

    Hello

    Looks like you want to hide the target area initially and want it to be visible only when a thumbnail is clicked for a lightbox. It is something that is already the case. This short video: http://jingsite.businesscatalyst.com/jing/2013-09-06_0620.swf

    Apart from the lightbox widget, this feature is available in all compositions as well (known as "Hide all initially"), so if you do not want to use a viewer, you can use a composition instead. Check this screenshot: http://jingsite.businesscatalyst.com/jing/2013-09-06_0627.png

    I hope this helps.

    See you soon

    Parikshit

  • The space between the thumbnails - Lightbox Widget

    Hello

    Does anyone know if it is possible to control the spacing between the thumbnails in Lightbox widget?

    It's always 10 pixels, regardless of the size of the thumbnails.

    Joy

    Dandalo Gabrielli

    You can control the spacing in the spacing Panel. Select any thumbnail and adjust the margin to change the spacing.

  • Can the ToolTip + display Lightbox widgets be together?

    Hi, I am trying to insert a ToolTip widget in the action of the Lightbox display widget button, is it possible?

    I know that you can insert the balloon inside the Lightbox display widget, but what I need is something like a hyperlink, the ScreenTip for the Lightbox display widget.  The final effect I want to achieve is that the effect of the ToolTip widget overview shows one image and if the ToolTip is click it, and then display the Lightbox widget.

    No idea or help will appreciate.

    -Javier

    Hi Kandorean,

    You can achieve this effect by changing just the thumbnail jQuery rollover State.

    Please try this and if you are looking for a different output and this doesnot serves then please provide us with an example or the screenshot of what you want to achieve and we would try to find out if that can be achieved in MUSE.

    Kind regards

    Fox

Maybe you are looking for