Enlarge image in a lightbox

Hy,
i have a thump pic in my content and on click i want to open it in a lightbox.
I think this must be a easy way, but i cant find anything.
PLEASE Help.
Thank you - Andreas

Hi Andreas
You can use lightbox composition, where the trigger can be used for small image and target would be the larger version of the image.
http://muse.adobe.com/widgets-by-category-lightbox-display
http://tv.adobe.com/watch/muse-feature-tour/muse-create-a-lightbox/
Thanks,
Sanjit

Similar Messages

  • HOW do I create a NICE enlarged image in a window EFFECT? CS5

    Maybe a long unnecessary title but I'm not sure how to describe it, and I can't find an example at the moment.
    Basically, I would like to create little image thumbnails which when clicked on bring up an enlarged version of the thumbnail. Basic I know, but rather than just having it load up in a pop-up window like you can do with behaviors in Dreamweaver, I would like the enlarged image to appear in a window which expands out from a small rectangle/square to a large rectangle/square (kind of like an animation) and THEN the image appears in this lovely display window.
    How is that done?
    Maybe I haven't explained this very well. In the meantime I will have a look and see if I can find an example to better explain what I mean.
    Thank you.
    Ian.

    You're looking for a AJAX "Lightbox" style script. These are quite common these days, and started with the original Lightbox JS script. They've since evolved into related projects like Thickbox, FancyBox, Lightbox 2, etc.
    Here's a round-up of the different available scripts (plenty more are out there if you Google "lightbox script"):
    http://www.smashingmagazine.com/2007/05/18/30-best-solutions-for-image-galleries-slideshow s-lightboxes/
    The way these work are:
    You place a script or two (sometimes your lightbox script and the jQuery JS package) in a folder on your server
    You then link these scripts in the head of your document
    You add your thumbnails to your page, and link them to the larger images
    You then add some type of attribute to each thumbnail, such as a class like "lightbox".
    When you click the thumbnail, instead of getting the larger image it triggers the lightbox script. Most all of the scripts have either instructions on setting them up, or a demo where you can view the source code. What I used to do is download the script, which almost always has a demo file in the download package, and open that up in Dreamwevaer to reverse engineer. It's not as complicated as it first looks.

  • Opening enlarged images in web site?

    I'm working with a thumbnail gallery of images.
    Currently to see an enlarged image one clicks on thumbnail and it opens in same window and the you return to thumbnails to view another.
    Example linked:
    http://dankennedy.ca/dust_oblivion/dust_pg_one_sm.htm
    I realize this is not the most convenient method. What is the best approach to take without going into a Lightbox scenario? Opening in a new tab ?

    I realize this is not the most convenient method. What is the best
    approach to take without going into a Lightbox scenario? Opening in a
    new tab ?
    Without going to Lightbox/Jquery your solution is the only solution.  Unfortunately you cannot open a new tab in the browser window as there is currently no way of doing this in HTML.  Most modern browsers will treat the new window code as a new tab but that is programmed into the browser and not the site.
    If you need a more automated way of managing the images you could tie in a database, but your page is only HTML so I don't think that is an option you are considering at this time.

  • 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 &amp; 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 &amp; 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 &amp;
                                      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 &amp;
                                      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 &amp;
                                      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>

  • Safari won't enlarge image

    I can get Safari to enlarge font sizes but suddenly, today, it stopped enlarging images. I used to be able to hit Control+ and Safari would enlarge the image. Today, it stopped doing it. Any suggestions? Thank you.

    Greetings,
    The keyboard command to enlarge is Command-+, not Control-+. If you're using the latter key combination, that would explain the problem. If you're using the former key combination and it doesn't work, what URL are you at when it does this? Did you try accessing the function from the View menu to see if that works?

  • How to View Album as Only THumbnails and Enlarged Image

    I hope I can explain this right...
    When I click an album on my page, it takes me to a page of smaller thumbnails of all of the images in that album and the thumbnails are scattered around the page. When I click on any of the images, it takes me to a page that shows a strip of square thumbs across the top of the page with one enlarged image beneath, with the option of clicking on any of the thumbs or starting a slideshow, etc. Is there a way you can be brought directly to this page from the main albums page and bypass the middle page of medium sized thumbs? That middle page seems unnecessary and I'd be psyched to learn how to skip it. Thanks!!

    jimrc wrote:
    Thanks Cyclosaurus. That works great and does just what I wanted. There are a few small glitches though that you may be able to help with.
    http://web.me.com/jrcphoto/jrcphoto/GALLERY/GALLERY.html
    When clicking on the People gallery, the page we're bypassing blinks briefly before going to the thumbnail page. This doesn't happen on the other pages. Any thoughts?
    It's servers latency or you browser caching, it's part of async processing (AJAX).
    Also, there is a Back to Album link in the upper left which takes you to a blank page and then you have to click the Back to Index link to get to the main Gallery page. Can I get the Back to Index link on the other page instead?
    Give this a try:
    <script type='text/javascript'>
    _base=parent.window.location.href;
    if(_base.indexOf('#')==-1){parent.window.location=_base.split('#')[0]+'#0';}
    var albumsIndexURL = 'http://web.me.com/jrcphoto/jrcphoto/GALLERY/GALLERY.html'; // this is you album URL, change this if needed
    function newBtI() {
    if (parent.widgets) {
    headerControls = parent.document.getElementsByClassName('com-apple-iweb-widget-detailview')[0];
    backToAlbumDiv = headerControls.getElementsByClassName('left')[0];
    backToAlbumAnchors = backToAlbumDiv.getElementsByTagName('a');
    for (btaai=0;btaai<backToAlbumAnchors.length;btaai++) {
    backToAlbumAnchors[btaai].removeAttribute('onclick');
    backToAlbumAnchors[btaai].setAttribute('href', ('' + albumsIndexURL));
    chknewBtI = setInterval('newBtI()', 500);
    </script>

  • Enlarged images with built-in magnifier do not load properly as they did in F3, chrome etc.

    www.mohlitz.com uses thumbnails which click to give enlarged image with built-in magnifier. Works ok with all other browsers inc F3 but now when pointer hovers over image it goes white instead of showing magnifier F4

    Clear the cache and the cookies from sites that cause problems.
    "Clear the Cache":
    * Tools > Options > Advanced > Network > Offline Storage (Cache): "Clear Now"
    "Remove Cookies" from sites causing problems:
    * Tools > Options > Privacy > Cookies: "Show Cookies"
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    *https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

  • I want to enlarge an image on a digital photo and save the enlarged image as a seperate photo

    I want to enlarge an image on a digital photo and save the enlarged image as a seperate photo

    We won’t stop you …
    Edit: Actually I’m naturally not entitled to talk for other contributors to this Forum …
    Crop (if necessary)
    Image > Image Size
    File > Save As

  • Firefox does not display facebook full (enlarge) image when i click on it. Why?

    Firefox allows me to view the whole album pictures in my facebook account but when i click on individual image, it navigates to the enlarge image page, picture did not display. Please assist what I can do.
    == URL of affected sites ==
    http://www.facebook.com/photo.php?pid=6577356&id=653901153

    Did you check the exceptions?
    See also [[Images or animations do not show]]

  • Click to enlarge image

    It has been suggested that I add a the zoom tool to my images
    so that visitors can click to enlarge images on my site. I feel
    silly but I can't find how to add this feature. Any help is
    appreciated. Thanks, Donna

    I've used it too - worked great for me.
    Patty Ayers | www.WebDevBiz.com
    Free Articles on the Business of Web Development
    Web Design Contract, Estimate Request Form, Estimate
    Worksheet
    "josie1one" <joleros[nospam]@yahoo.com> wrote in
    message
    news:edk7em$6s5$[email protected]..
    > To add to Patty's suggestion have a look at JustSo
    Picture window. It
    > doesn't zoom, but opens another window when you click to
    enlarge:
    >
    http://www.valleywebdesigns.com/vwd_Vdw.asp
    > reasonably priced and really handy.
    >
    > --
    > Jo
    >
    >
    >
    > "dberke" <[email protected]> wrote in
    message
    > news:edk4i7$3ch$[email protected]..
    >> It has been suggested that I add a the zoom tool to
    my images so that
    >> visitors
    >> can click to enlarge images on my site. I feel silly
    but I can't find how
    >> to
    >> add this feature. Any help is appreciated. Thanks,
    Donna
    >>
    >
    >

  • Why can't i enlarge images on kijiji ads

    I cannot enlarge the images on kijiji ads or browse the extra ones in an ad. This only started recently. i don't know what changed. This is on safari.

    Hi,
    I have been trying out the Command+ option and its not the same. Using the track pad to enlarge images and text was by far better and more precise than using the command+ option.....

  • When I use a tool on an enlarged image the image freezes and I can't get it to move unless I change tools. I tried resetting tools and uninstalling and reloading CC. What should I do?

    When I use a tool on an enlarged image the image freezes and I can't get it to move unless I change tools. I tried resetting tools and uninstalling and reloading CC. What should I do?  Once any tool is used I can't change its size or move the image.

    Howdy,
    Sorry for the lack of info. It is Adobe Photoshop CC, I have been using
    CS5 and am trying the trial version of CC to see if it worth changing
    to. Any tool works once but freezes the tool sizing and image movement.
    I am also using the Beta version of Mac Yosemite. But the CS5 version is
    working fine.
    Hasta,
    Bob McCaw

  • Image overlay (greybox,lightbox,thickbox etc.)

    Hello!
    Has anyone figured out how to overlay images in a
    Lightbox/Thickbox/Greybox style? Using those scripts somehow break
    my Spry-Pages or are not working properly. Would be nice to have a
    spry effect to do this.
    Thanks in advance!
    s e v

    HI,
    I have very little coding experience and have been struggling to implement Greybox on a site. I’ve got it working in IE but in FF and Safari it loads the greyed-out screen and icons, but the image is blank. However, if you hit the back arrow or reload and link to the gallery again, the images will appear, sometimes smoothly, other times flickering first.
    I am using Dreamweaver CS3. I’ve check for the MM_image preloader as the Greybox FAQ suggests but doesn’t seem to be there (unless I am not looking in the right spot). None of my images have spaces in the file names, so this too cannot be the issue.
    you can view the page in question here: http://www.harbourdeep.com/gallery_zTest3.html
    Any suggestions would be greatly appreciated. Please be as descriptive as possible, as I said, I am a noobie.
    Thanks!!

  • Why does CTRL+ enlarge images on some pages, not others?

    I have a website with many pages. On some pages, CTRL+ enlarges the images, on others, it enlarges the TEXT BUT THE IMAGE ACTUALLY SHRINKS!. An example of a page where CTRL+ does not work:
    http://www.microscope-antiques.com/acme4.html
    An example of where it does work (home page): www.microscope-antiques.com/index.html
    There is no Javascript on these pages. It is all in xhtml 1.0 STRICT, AND W3C CHECKS THE PAGES AS GOOD AS DOES THE CSS CHECKER FOR THE STYLE SHEETS.
    i USE A LIQUID LAYOUT SO ALL VIEWERS HAVE THE SITE FILL THE SCREEN.
    I have searched the W3C site and the net and cannot seem to find an answer.
    Any help would be much appreciated.
    Thanks
    Barry

    This probably happens because the images are in a div container that has a fixed width.
    The images themselves are quite large and scaled down to fit in their container.
    If you zoom the page then the containers keep their width and thus the images won't get zoomed as would have happened if thumbnails had been used.
    The reduction might be caused by those floating elements having their position as percentages.

  • How do I ad pop up text to an image in the lightbox widget after it has been selected?

    Hi there,
    My client, a photographer, wants to ad text to some of the images in his gallery on the website I have built him in Adobe Muse, but he wants people to click/hover over an "info button" before they get to see the text as he likes the idea of user interaction. Think is I can't seem to place the tool tip widget inside the lightbox of my image. Do any of you have a way of doing this? My knowledge of coding is very limited and I've tried researching other ideas but have come out dry.
    I posted this question a while back but didn't get any responses, and I am getting quite frustrated with this as it is the only thing keeping me from completing a job, as my client insists on having this functionality!
    Please Help

    Try to use "Lightbox Display" in "Widget Library->Compositions". "Widget Library->Slideshows" can only contain images.
    - Abhishek Maurya

Maybe you are looking for

  • How to create .JAR file in JSE 8?

    I don't know how to create a .JAR file from my project. I found a .JAR file in .../dist under my project folder, but I could not run it.

  • Strange System Log Entry

    The following sequence keeps repeating every few seconds in the System Log. Does anyone have any ideas as to what it is all about? It appears to be referring to a Python script, but we have not "knowingly" executed any. Dec 13 13:15:06 host1 com.appl

  • Dummy://log4j.dtd (log4j problem in Oracle 10gAS)

    Hi, Wonder who has log4j.xml experience in EJB environment? I tried on Oracle 10gAS on Windows (the iAS version actually is still 9.0.4.2), my log4j initilization code looks like: InputStream inStream = Thread.currentThread().getContextClassLoader().

  • Mac CS3 Bridge - Keywords subfolders -unableable to create

    I just reinstalled my CS3 Photoshop/ Bridge  on my iMac computer. Had to replace the hard drive.  I  open bridge  to add keywords for images . However when I want to add a subfolder(s) to the top level keywords folder it will not give me the option t

  • ALBPM standalone 6 and BPM studio 10g

    I install ALBPM standalone 6 in windows 2003 sp2. Processes (.exp) are built and exported in BPM studio 10g. One BPM project has 3 processes. Tow processes and one subprocess. However, when I deploy this project, only the subprocess can be deployed t