CSS Image Gallery Support Product Page

Solved

Crash on CSS Image gallery

Reported 09 Mar 2012 21:19:06
1
has this problem
09 Mar 2012 21:19:06 jefferis peterson posted:
When I insert an image gallery, it is causing consistent crashes on DW CS 5.5
I just bought the extension today. But if it is incompatible, I'll need a refund.





///Edited by Administrator/// Please do not post 500-lines of log in a forum post.

Replies

Replied 09 Mar 2012 21:46:46
09 Mar 2012 21:46:46 Teodor Kuduschiev replied:
Hello,

The extension is NOT incompatible, it seems your dreamweaver is corrupted.
Please uninstall the extension, clear your DW cache - www.dmxzone.com/go?16740 and restart Dreamweaver. Then install the extension again.
Replied 10 Mar 2012 02:30:56
10 Mar 2012 02:30:56 jefferis peterson replied:
I did as you suggested, when I reinstalled CSS Image gallery it produced this message:
Failed to send response back to product with PCD entry 'dreamweaver-11.0

THis is in CS 5.5, I am getting the gallery to work in CS 5.
Replied 10 Mar 2012 15:56:39
10 Mar 2012 15:56:39 jefferis peterson replied:
I am trying CSS image gallery on a blank page, It appears to be working (partly), so it may be that using the product in a TEMPLATE or a Template Child page is causing the problem. If I do it on a blank page, the repeat region works, but if I try in either template or child, I get the javascript error.


ALSO, and this is IMPORTANT. Using PHP and DYNAMIC images, you CANNOT apply a repeate region to both the large image and the thumbnail. DW will not allow that using the same query. I also read somewhere else that you need to use the <li> tag for repeat region and not the <ul> tag as in the video tutorial. I need help finishing a project for a client, so this is really a problem.

Finally, if my gallery has 50 images, do I use ALL Records or do I create Recordset Paging of 5 at a time? Not sure how the css gallery works with dynamic on this point.
THANK YOU IN ADVANCE.
Replied 10 Mar 2012 16:15:47
10 Mar 2012 16:15:47 jefferis peterson replied:
Also, there appears to be some problem selecting the code and getting the Properties panel to appear with the ability to modify the layout of the gallery. If you select the panel after first applying, you can see the properties panel, but if you select it after applying changes using the code, you can't get the modifications to appear. It just says CSS-P Element cssGallery1
Replied 12 Mar 2012 06:44:21
12 Mar 2012 06:44:21 Teodor Kuduschiev replied:
Hi jefferis,

By default there is no problem with template pages/child pages. There must be an issue with your particular template - please send it to so i can check what is wrong there.

About the repeat regions - you need to create 2 recordsets - one for the Big images and one for the thumbs. You wrap both the li tag of the big images and the li tag with a repeat region that shows all records.
I'm going to check if there is something wrong in the tutorial.

I recommend you to set all of your appearance settings before applying the dynamic data code.
Replied 12 Mar 2012 13:26:09
12 Mar 2012 13:26:09 jefferis peterson replied:
I think I found a bug in CSS Image Gallery. I get consistent crashes if I choose a folder of images that CSSIG has already processed and choose the same destination folder where the images already exist. CSSIG doesn't dialog about replacing images or ask what to do, it just crashes.
Replied 12 Mar 2012 13:56:19
12 Mar 2012 13:56:19 jefferis peterson replied:
The VIDEO Tutorial does not say to create a second recordset for applying to the thumbs or main images, so that is wrong, and I read elsewhere that for php, you need to use the li and not the ul for the repeat region. In my case, neither works because of that error.
I sent you the files of my template.
I appreciate the help.
Replied 12 Mar 2012 16:44:00
12 Mar 2012 16:44:00 jefferis peterson replied:
VERY BAD BEHAVIOR. Watch this demo as I try to upate the CSS IMage gallery. It will not RETAIN the bottom position:
screencast.com/t/KM7SFNVUsgGr
Replied 13 Mar 2012 08:12:30
13 Mar 2012 08:12:30 Teodor Kuduschiev replied:
Hello Jefferis,

I am currently working on a new tutorial, as this one is old an outdated. Until i upload the new version you can check how to create the gallery properly using two recordset:


>>>Full Image Link<<<

I think all of your problems with Right/Bottom thumbnails aligning are caused because the CSS Image Gallery code on your page is not properly formatted:

>>>Full Image Link<<<

See my screenshot - the code is properly formatted. In order to fix this please go to your DW Preferences> Code Format >Line break type: change it to CR LF (Windows) and your codes will be properly formatted after you reapply the gallery.
Replied 13 Mar 2012 13:45:23
13 Mar 2012 13:45:23 Teodor Kuduschiev replied:
Update:
Here is the new video tutorial www.dmxzone.com/go?19739
Replied 13 Mar 2012 18:03:34
13 Mar 2012 18:03:34 jefferis peterson replied:
I changed code import to CR LF and the CSS image gallery is still not selectable to create a CSS Property panel.
screencast.com/t/3UUP0LEkFpW

It works better on a blank page, but can't be selected in a page with other content, esp. template child info.
Replied 13 Mar 2012 18:06:13
13 Mar 2012 18:06:13 jefferis peterson replied:
The CSS Panel does not function properly but keeps losing focus:
screencast.com/t/oHleZWCvHFx9
I am able to select the Panel in a completely blank page. NOT GOOD
Replied 13 Mar 2012 18:09:42
13 Mar 2012 18:09:42 jefferis peterson replied:
I see a problem. These Links were NOT inserted in to a child template page editable header area:
<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>

Also, The JQuery data was not correct again. Copy and pasting from inserting in a blank page allowed be to modify the Properties panel AND it was stored in the jQuery Script. It was NOT being stored in a child template page.
Replied 13 Mar 2012 19:00:14
13 Mar 2012 19:00:14 jefferis peterson replied:
Anyway to add text to display on the large image row? I need to add descriptions in the right of the main body of the gallery but not to flow over the image. This doesn't work because the text doesn't wrap and CSS doesn't fix it...


This is what it looks like: bendannie.com/DB5.php
It should look like:
bendannie.com/Rings.php


.dmxGallery .imageCaption
{
	position: absolute;
width: 350px;  /// NOT RECOGNIZED by jQuery
	font-family: times;	
	background-color: #fff;
	font-size: 1em;
	height: 60px;
	bottom: 0;
	z-index: 15;
	padding: 10px;
	margin-left: 250px;  //// THIS works to offset it
	margin-top: 25px; //// THIS works to offset it
}

Replied 14 Mar 2012 07:47:19
14 Mar 2012 07:47:19 Teodor Kuduschiev replied:
Hello Jefferis,

First your: Bendannie2012.dwt.php Page contains the gallery with a wrong code, that's why you have problems with child templates.

Second: Unfortunately the things you are trying to do with the positioning:
QuoteI need to add descriptions in the right of the main body of the gallery but not to flow over the image.

are not supported. The gallery captions and images work as provided by us.
Replied 14 Mar 2012 12:56:01
14 Mar 2012 12:56:01 jefferis peterson replied:
Thanks for the insight on the template issue.
Is the positioning of the text and its width a jQuery directive that I might hand modify?
Replied 14 Mar 2012 13:19:47
14 Mar 2012 13:19:47 jefferis peterson replied:
Hey, I did it. Set jQUERY'S CAPTION width to 500px and it works. bendannie.com/DB5.php

Reply to this topic