Slideshow dissolve

[chris373619]

I can't seem to make the whole thing smaller. I've read the instructions and looked at the issues others have had. I can't figure it out. I've wasted hours today messing with this. I need to know how to make "slideshow dissolve" smaller. It also cuts the top of tall photos off. I have pictures of people and they are coming in as headless people. Not good.

[Justin Nemeth]

You'll need to do a few things. You need to edit the admin/common/properties.php file and add your custom size to either the cropped or proportional array. By default the dissolve slideshow uses the cropped 782x481 size. So if you wanted to add 500x300 for example, you would add a line that looks like this to the array of your choice.

array('w' => 500, 'h' => 300, 'watermark' => true)

In your case it sounds like you want proportional images, so add it to that array. After that edit, you need to reprocess all the images that will use this size. You can do that by selecting your gallery, then go to settings and click the update watermark button.

Last step would be to edit the gallery itself - edit galleries/slideshow_dissolve/index.php and on line 14 change 782c to 500p. Basically 500 is the width you want and p is for proportional (c is for cropped).

As a first step, you can also just change the 782c to 782p to get proportional images loaded up instead. We use cropped images by default since the slideshow effects look better and more consistent using images that are all the same size.

-justin

[chris373619]

This kind of worked. The thumbnails show up on the side at first and then loads at the bottom. How do I keep it from loading on the side at first?

Maybe the next update could have a simple setting in the admin section on the server that made this change easier.

[Justin Nemeth]

The page is dynamically created once the image sizes are changed, so that could be what is going on. Hard to say exactly. I could take a look if you post a link.

Admin settings are something we will consider for a future release.

-justin

[robert222776]

I tried the above for the dissolve case without success, (i.e. my thumbnail images are positioned vertically against the left edge of the browser window (I use Flock, but same in Firefox, Safari for Windows, and Opera...IE8 is a mess). Also, no large images appear in the main area of the gallery. The only thing that did work was the presentation got re-sized to my liking so it fits on my web page.....but to make that happen I needed to change the width in the style sheet too.

Here are the changes to the properties file. You can see that I added the "670" array value to both the proportional and cropped areas (since I tried both):

<?php
$GLOBALS['image_extensions'] = array('png', 'jpg', 'jpeg', 'gif'); //use lowercase
$GLOBALS['resize_proportional'] = array(
array('w' => 1024, 'h' => 768, 'watermark' => true),
array('w' => 782, 'h' => 481, 'watermark' => true),
array('w' => 163, 'h' => 92),
array('w' => 670, 'h' => 412, 'watermark' => true)
);
$GLOBALS['resize_cropped'] = array(
array('w' => 62, 'h' => 62),
array('w' => 132, 'h' => 140),
array('w' => 102, 'h' => 102),
array('w' => 42, 'h' => 42),
array('w' => 782, 'h' => 481, 'watermark' => true),
array('w' => 999, 'h' => 260, 'watermark' => true),
array('w' => 670, 'h' => 412, 'watermark' => true)
);
$GLOBALS['jpg_quality'] = 90; //0-100, 100 being the best
$GLOBALS['png_quality'] = 1; //0-9, 0 being the best
$GLOBALS['permissions'] = array(
'dir' => 0777,
'file' => 0666
);
?>

Here are the changes to line 14 of the dissolve index file....with the last case tried being proportional....but cropped and proportional gave the same results described above...notice I commented out the original line 14:
//$gallery = get_gallery(get_mediarss_url('gallery=' . $pg_id . '&thumb=62c&full=782c'));
$gallery = get_gallery(get_mediarss_url('gallery=' . $pg_id . '&thumb=62c&full=670p'));

And here is the part of the dissolve common.css file that I needed to change to at least get it to the width I wanted...again with the original width commented out:
.pg-sd {
font-family: Arial, Helvetica, sans-serif;
background-color: #303030;
border: solid 1px #000;
height: 568px;
/* width: 782px; */
width: 670px;
}


There must be something missing in the suggestion in the previous thread....please help! And please consider adding a more straightforward width change feature in the next revision to at least the three slide show choices. I was able to modify the width of all the non-slide show galleries by editing the style sheets alone, but that approach does not work in at least the dissolve case.

Thanks,
Robert

[Justin Nemeth]

Sounds like the javascript is not loading on your page. A vertical strip of images indicates the javascript is not auto formatting the gallery. If you post a link to the page we can take a look.

[robert222776]

Thanks Justin. Here is a link to the test site.

http://www.evantagefive.com/sogetsu/gallery-four.php

Thanks,
Robert

[Justin Nemeth]

The javascript is getting an error when it tried to read the size of the images. One of the large images has a url of http://www.evantagefive.com/sogetsu/progallery/images/5/a2_670p.jpg which is not found. That url looks correct, so my guess is you need to recreate the images for your gallery.

You can do that by logging in to the admin, select your gallery, go to the settings, and click update watermark. That will create your new 670p size and should fix the issue.

[robert222776]

Thanks Justin, that solved the problem!

Robert