CSS Image Gallery Support Product Page

Solved

Gallery shows as a bulleted list of images and thumbs

Reported 20 Feb 2012 01:57:54
1
has this problem
20 Feb 2012 01:57:54 Rip Munsterman posted:
I am using Dreamweaver MX 2004. When I publish my CSS Gallery, it shows up as a bulleted list of my big images and then my thumbnails all in a single line down the page. There are no links to outside CSS files. When I finished with the wizard, it said my file was located outside the site. Also, when I choose edit/add behaviors in the property manager, it says "while executing onLoad the error occured: at lin 494 of file C:/program files/macro......\dmxBehaviors.htm" TypeError:document.helpdv has no properties. I the the cache delete. Then tried uninstalling MX 2004 and reinstalling it and the extension. Same errors. HELP! I was supposed to launch this site tomorrow.

Replies

This reply was removed on 2/20/2012 2:29:23 AM.
See the changelog
This reply was removed on 2/20/2012 2:20:53 AM.
See the changelog
Replied 20 Feb 2012 02:29:54
20 Feb 2012 02:29:54 Rip Munsterman replied:
I fixed the site error and then redid the page. I also deleted the files in the ScriptLibrary and Styles folders before I redid the page. Here's the code...




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="Styles/dmxgallery.css" />

<script type="text/javascript" src="ScriptLibrary/dmxgallery.js"></script>

<body><div class="dmxGallery" id="cssGallery1">[list][*][img]images/vt/GEDC1006.jpg" width="4320" height="3240" class="image" alt="" />[/*][*][img]images/vt/GEDC1133.jpg" width="4320" height="3240" class="image" alt="" />[/*][*][img]images/vt/GEDC1347.jpg" width="4320" height="3240" class="image" alt="" />[/*][*][img]images/vt/GEDC1362.jpg" width="4320" height="3240" class="image" alt="" />[/*][*][img]images/vt/GEDC1425.jpg" width="4320" height="3240" class="image" alt="" />[/*][*][img]images/vt/GEDC1444.jpg" width="4320" height="3240" class="image" alt="" />[/*][/list]

</div>

<div class="dmxThumbList" id="cssGallery1_thumb">[list][*][img]images/vt/thumbs/GEDC1006.jpg" width="4320" height="3240" alt="" />[/*][*][img]images/vt/thumbs/GEDC1133.jpg" width="4320" height="3240" alt="" />[/*][*][img]images/vt/thumbs/GEDC1347.jpg" width="4320" height="3240" alt="" />[/*][*][img]images/vt/thumbs/GEDC1362.jpg" width="4320" height="3240" alt="" />[/*][*][img]images/vt/thumbs/GEDC1425.jpg" width="4320" height="3240" alt="" />[/*][*][img]images/vt/thumbs/GEDC1444.jpg" width="4320" height="3240" alt="" />[/*][/list]

</div>

<script type="text/javascript">

  // <![CDATA[

 jQuery(document).ready(

   function()

     {

       jQuery("#cssGallery1").dmxGallery(

         {"width": 295, "height": 390, "thumbWidth": 95, "thumbHeight": 80, "thumbPadding": 5, "thumbHolderHeight": 80, "thumbHolderPosition": "bottom", "playerDelay": 3, "captionOpacity": 40, "imgIndex": 0, "preloadTreshold": 2, "currentImage": 0}

       );

     }

 );

  // ]]>

</script>

</body>

</html>


This reply was removed on 2/20/2012 3:47:30 AM.
See the changelog
Replied 20 Feb 2012 07:22:29
20 Feb 2012 07:22:29 Teodor Kuduschiev replied:
I see that in your code the following line is missing:


<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>  

It should be before all the other includes in the head tag.
Replied 20 Feb 2012 15:49:15
20 Feb 2012 15:49:15 Rip Munsterman replied:
I just got done with Teodor on Online Support. That worked wasn't the only script missing. The head tag should read..

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="Styles/dmxgallery.css" />
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/jquery.mousewheel.pack.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxgallery.js"></script>
</head>

After that, it works perfectly. Thank you Teodor!

Reply to this topic