3 Replies Latest reply on May 8, 2010 4:14 PM by Nancy OShea

    Simple Image Viewer in Dreamweaver

    dmchord

      I created my website in Dreamweaver, ligthshineproduction.com, and later added a photography section. I basically had a page of thumbnail images, with each thumbnail linking to an image page, and links on each image page that said "next," "previous," etc. Later, I hired a guy (jerk) to tweak my SEO, and he redid the entire site in php and didn't touch the photography folder. Now I can't get ahold of him, and I'm a little lost.

       

      I remember that, for some reason, I was told to create a new folder for the photography pages, and another folder within that one for the photography images. Anyway, There's an "Includes" folder on my site now, which has the header/sidebar, footer and CSS (and for some reason a duplicate of my non-photography images folder).

       

      What I'd like to do, is take a page from the site, save it as a photography page, have an image on that page that links to "Portraits" and an image that links to "Art" pages. On both the Portraits page and the Art page, I'd like to drop in some kind of image viewer with scrolling horizontal thumb, etc. I guess my first question is where do I find something like that, and is it even possible to just create a div and drop in a swf or whatever that would be? Not sure I'm really making sense, but if you get me, any suggestions would be appreciated.

       

      Thanks!

        • 1. Re: Simple Image Viewer in Dreamweaver
          hans-g. Adobe Community Professional & MVP

          Hi,

           

          no results for: ligthshineproduction.com.

           

          "Die von Ihnen eingegebene Internetadresse www.ligthshineproduction.com konnte nicht gefunden werden." means:

           

          Your entered web address www.ligthshineproduction.com could not be found.

           

          Hans-G.

          • 2. Re: Simple Image Viewer in Dreamweaver
            dmchord Level 1

            sorry about that, it's lightshineproductions.

             

            Anyway, I've stumbled onto the web gallery in Brdige. It's not exactly what I want, but it's better than nothing. I'm embedding an inline frame in a web page. The tute I found is here: http://foundationphp.com/tutorials/gallery/embed2.php

             

            Anyone know how to make the background of a webgallery html file transparent?

             

            Mine in here, although I'm going to be playing with it, and since I have no way to preview this php site on my machine, I have to play with it live, so I don't know if how it's going to look at any particular time: http://www.lightshineproductions.com/portraits.php

            • 3. Re: Simple Image Viewer in Dreamweaver
              Nancy OShea Adobe Community Professional & MVP

              Your code is a real mess.  Somehow, you managed to get scripts and styles all through the body of your page.  It's a wonder your page displays at all.

               

              As a favor, I cleaned up the blatant code errors and added the "allowtransparency" attribute to your iframe code for IE. In code view, copy & paste this code into a NEW, blank document.

               

               

              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
              <html xmlns="http://www.w3.org/1999/xhtml">
              <head>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
              <title>About Lightshine Productions Wedding Videography</title>
              <meta name="keywords" content="Detroit Wedding Videographer, Corporate Video Production, Detroit Event Videography, Professional Video, wedding video pro, commercial videographer, Detroit, Michigan, MI, Metro Detroit" />
              <meta name="description" content="Lightshine Productions is a professional wedding videographer providing event, corporate, and commercial video in the Detroit, MI Metro area." /> 
              <meta name="ROBOTS" content="ALL" />
              <meta name="copyright" content="2010 Lightshine Productions - Detroit Wedding Videography"/>
              <meta name="author" content="Jacob Brown"/>
              <meta name="reply-to" content="info@jacobbrowndesigns.com"/>
              <meta name="google-site-verification" content="DzN7hEP4hqO4nVLppoh-Y3u4hUcqrp5hUPgkZIB_mnM" />
              <link href="includes/style.css" rel="stylesheet" type="text/css"/>
              
              <script type="text/javascript">
              <!--
              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];}
              }
              
              function MM_CheckFlashVersion(reqVerStr,msg){
              with(navigator){
              var isIE  = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
              var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
              if (!isIE || !isWin){  
              var flashVer = -1;
              if (plugins && plugins.length > 0){
              var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
              desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
              if (desc == "") flashVer = -1;
              else{
              var descArr = desc.split(" ");
              var tempArrMajor = descArr[2].split(".");
              var verMajor = tempArrMajor[0];
              var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
              var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
              flashVer =  parseFloat(verMajor + "." + verMinor);
              }
              }
              else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
              
              var verArr = reqVerStr.split(",");
              var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
              
              if (flashVer < reqVer){
              if (confirm(msg))
              window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
              }
              }
              } 
              }
              //-->
              </script>
              
              <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
              
              <style type="text/css">
              .style1 {font-size: small}
              
              a:link {
              text-decoration: none;
              }
              a:visited {
              text-decoration: none;
              }
              a:hover {
              text-decoration: underline;
              }
              a:active {
              text-decoration: none;
              }
              
              #footerinfo {
              font-size: small;
              color: #FFF;
              }
              body,td,th {
              color: #FFF;
              }
              </style>
              
              
              </head>
              
              <body class="oneColElsCtrHdr" onload="MM_preloadImages('images/facebook2.jpg','images/twitter2.jpg','images/Trailerimage2.jpg','images/Highlight2.jpg');MM_CheckFlashVersion('8,0,0,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?');">
              <div id="container">
              <div id="header">
              <!-- end #header -->
              
              <table width="400" border="0" align="right">
              <tr>
              <td><div align="right">
              <p class="style21"><span class="style1"><a href="sitemap.php">sitemap</a> : <a href="faq.php">faq</a> : <a href="mailto:david@lightshineproductions.com">email</a></span></p>
              <p class="style21">“Inspired By Imagination”<br />
              
              P: (313) 310-9367<br />
              <a href="mailto:david@lightshineproductions.com">david@lightshineproductions.com</a></p>
              <p class="style21"><a href="index.php">home</a> | <a href="about-lightshine-wedding-videography.php">about me</a> | <a href="/blog/">blog</a></p>
              </div></td>
              
              </tr>
              </table>
              <a href="index.php"><img src="images/logo.png" alt="Lightshine Productins - Detroit Wedding Video" width="407" height="139" border="0" /></a></div>
              <div id="sidebar">
              <h1 class="style20">Video Services</h1>
              <p class="style17"><a href="wedding-video-and-production.php">Wedding Video</a></p>
              <p class="style17"><a href="wedding-videography-investments.php">Investments/Options</a></p>
              
              <p class="style17"><a href="corporate-video-production.php">Corporate Video Production</a></p>
              <p class="style17"><a href="contact.php">Contact</a></p>
              <h1 class="style18"> </h1>
              </div>
              
              <div id="mainContent">
              <iframe id="gallery" name="gallery" allowtransparency="true" src="portimages/index.html" width="700" height="525" frameborder="0" scrolling="auto"></iframe>
              
              <p align="justify"><a href="photography.php" id="backtopphoto">Back to Photography</a></p>
              </div>
              
              
              <div id="footer">
              <p>
              <!-- end #footer -->
              <span class="style23"><span class="style24"><a href="wedding-video-and-production.php">Wedding Video &amp; Production</a> | <a href="corporate-video-production.php">Corporate Video Production</a> | <a href="../photography.php">Investments/Options</a> | <a href="../photography.php">Photography</a></span></span>  <span class="style21"><a href="http://www.facebook.com/pages/Lightshine-Productions/241304077439?ref=ts" target="_blank" onmouseover="MM_swapImage('Image6','','images/facebook2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/facebook1.jpg" alt="#" name="Image6" width="34" height="34" border="0" align="middle" id="Image6" /></a> <a href="http://twitter.com/LightshinePro" target="_blank" onmouseover="MM_swapImage('Image7','','images/twitter2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/twitter1.jpg" alt="#" name="Image7" width="34" height="34" border="0" align="middle" id="Image7" /></a></span></p>
              
              <p class="style19">&copy; 2010 Lightshine Productions. All Rights Reserved. Site designed by <a href="http://www.jacobbrowndesigns.com" target="_blank">Jacob Brown Designs</a></p>
              </div>
              </div>
              <!--BEGIN GOOGLE TRACKING CODE-->
              <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
              document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
              </script>
              
              <script type="text/javascript">
              try {
              var pageTracker = _gat._getTracker("UA-7086077-3");
              pageTracker._trackPageview();
              } catch(err) {}
              </script>
              </body>
              </html>
              

               

              Nancy O.
              Alt-Web Design & Publishing
              Web | Graphics | Print | Media  Specialists
              http://alt-web.com/
              http://twitter.com/altweb
              http://alt-web.blogspot.com