Smooth Gallery Module

[icouto]

Hans,

Sopmething I would like to be integrated is the possibility to add a description under each pic, telling ppl a little about whats on the pic.

This can already be done. You just have to NAME THE PICTURE FILE using a format such as "NAME - DESCRIPTION". Make sure you use a standard, unique separator character between the name and the description - it can be "-", or "~", or pretty much anything else you care to use. In the end, your files will be named something like:

"Clouds-sunset sky over Sydney with surrealistic clouds.jpg"

In the settings for your gallery, just make sure that you specify what your separator character is under the "F.name TITLE-DESC split character:".

I hope this helps!

[cyberjoker]

Hans,

Sopmething I would like to be integrated is the possibility to add a description under each pic, telling ppl a little about whats on the pic.

This can already be done. You just have to NAME THE PICTURE FILE using a format such as "NAME - DESCRIPTION". Make sure you use a standard, unique separator character between the name and the description - it can be "-", or "~", or pretty much anything else you care to use. In the end, your files will be named something like:

"Clouds-sunset sky over Sydney with surrealistic clouds.jpg"

In the settings for your gallery, just make sure that you specify what your separator character is under the "F.name TITLE-DESC split character:".

I hope this helps!

Thanks, but Kweitzel has told me that the requested option is available in the latest version of imagegallery for wb, but it was kind of you anyway

Have a great sunday

regards

Hans
websitebaker.dk

[icouto]

In regards to the problem reported in a previous post:

1) if I set "Feed gallery tru resizer" to true, then no pictures display at all (all I get is a black background where the picture used to be.

2) the thumbnails do not work. If I set 'Allow thumbnails' to true, the 'picture' link displays on the window, and when I click on it, I get the drop down, scrollable thumbnail gallery - except that all thumbnails are missing (ie., each one of them is just a black square). The mini-gallery still works - if I click on one of the pictures, it does load - but I just do not see any mini-image there!

My service provider has worked out what the problem is. It seems that the problem is the url that is being passed to  the resizer_interface.p hp in the "imgfile" parameter. If the URL is absolute (ie., it is something like: "http://www.mysite.com/blablabla/media/myfolder/myfile.jpg"), the script does not work. If I change that url to a relative address - so that it looks like "/media/myfolder/myfile.jpg", then the script functions as planned.

Now, all this testing was done using my browser's address field. Would someone be able to tell me what I have to change in the code, so that the imgfile parameter always gets a relative address? - I am not very good with javascript!

I would suspect that this problem in being experienced by others as well, and may be holding back the well-deserved popularity of this modul. If a relative address works just as well as the absolute url, then perhaps it should be changed for good, and a new (more compatible) version released!

[icouto]

Ok, I seemed to have found the fix myself. If you are experiencing the same problem, try this:

1) go to your site's .../modules/smoothgallery/ foder
2) open the document 'view.php' - there are 2 *tiny* changes that are needed:

    a) line 157, delete the SECOND occurrence of '$WB_URL.' (including the '.'), so the line looks like this:

Code:

<img src="<?php echo $WB_URL ?>/modules/smoothgallery/resizer_interface.php?imgfile=<?php echo $path.'/'.str_replace("'",'%27',$file) ?>&max_width=<?php echo $w ?>&max_height=<?php echo $h ?>" class="full" />

    b) line 159, again, delete the SECOND occurrence of '$WB_URL.', so that you end up with:

Code:

<img src="<?php echo $WB_URL ?>/modules/smoothgallery/resizer_interface.php?imgfile=<?php echo $path.'/'.str_replace("'",'%27',$file) ?>&max_width=100&max_height=75" class="thumbnail" />

Done!

It now works perfectly for me! - and I hope this may be able to help others, too! 

[japla]

I really like the look of this gallery!

I used earlier GDPics, but I would like to switch to this one. Anyway I find one problem. Can I create a thumbinail page which would then open correct gallery?

So each gallery would have short text underneath and one image which would be link to that gallery.

Thanks,

Janne

[icouto]

japla, it sounds like you can do what you want simply by using a WYSIWYG page.

1) Make a series of gallery pages, as you wish, and configure each gallery as you desire.

2) Make a WYSIWYG page, and on that page place thumbnail pics with descriptions about each of your galleries. Make each thumbnail a link to one of your galleries.

Done.

Is that what you had in mind?

[japla]

Yes, I thought that and it is most likely what I will do.

It just would have been nice to have simple way to add more categories, with GdPics I just copied more folders / subfolders to my server, it did find them automatically and generated this main page for them too.

Thanks anyway,

Janne

[japla]

Does anybody have ideas how I could create start/stop buttons for the slideshow?

I believe that I should set something like this
echo '<center>'.$SGTEXT['SLIDESHOW'].': ';
echo '<a' href="'.$fetch_page_content['options']['timed'] = 'true'; </a> - ';
echo '<a' href="'.$fetch_page_content['options']['timed'] = 'false'; </a> - ';

after the resizer in view.php (since I am using the resizer) but I get all the time parsing errors.

Any ideas?

Thanks,

Janne

[edchunk]

I am having difficulties just like those presented by icouto. All I get is a black backgorund with arrows, summaries, and titles. There are frames for the pictures, but no pictures. Accessing the resizer link directly gives me a page with the exact content of the url.

[pegcjs]

Dear all,
    lovely gallery ad works very well for me. One question - is there any way that the alignment on the page of the gallery can be changed ? I'd like to have a small gallery window just rolling through images on the righthand side of the page with a block of text on the left.

I'm guessing that the only way to do this is to create a template that provides more than one editable section and then bung the gallery in there ?


any help or explanation much appreciated

Chris

[slickric]

this is currently my fav module - absolutley love it!!

[adiwillow]

heres a weird spacing issue i've come across.

My site uses two or three different templates.

With the gallery installed on one template, it works fine. With it installed on another template, that gallery has issues with placement, ie thumbnails jump about, images are pushed after loading etc ..

Heres the working page..

http://www.newboroughcottages.co.uk/pages/sdfsd.php

and heres the weird one.

http://www.newboroughcottages.co.uk/pages/the-piano-barn/gallery.php

The only difference is that the second examples content is in a floated container. Could this be causing issues?

[kweitzel]

I would recon the issue lies within the difference ...

Gallery 1 has Options:
showInfopane: true
timed: false

Gallery 2 has those Options vice versa. Can you please test?

cheers

Klaus

[japla]

I have had exactly same problem, it happens if I have more, maybe 50 images in one gallery. Everything else works fine, except that thumbnails are jumping.

I was unable to fix it, I had to set thumbnails to off.

Regards,

Janne

[kweitzel]

Do you guys have this issue "cross browser" or only on specific browsers?

cheers

Klaus

[japla]

Just made a test, with Firefox 3 and IE 6, same problem. In my todays test I had a gallery with 230 images.

regards,

Janne

[adiwillow]

yeah its not the gallery settings, i've tried them all. Nor is it browser dependant. It HAS to be something to do with the page layout, otherwise it'd be identical on both pages.

[ToS]

yeah its not the gallery settings, i've tried them all. Nor is it browser dependant. It HAS to be something to do with the page layout, otherwise it'd be identical on both pages.

The original smoothGallery has problem with more than x images in thumbnails section, I was waiting for it to be fixed in the next release but avail, as much as i can tell there will be none(smootGal is still in v1.0.1). You can find the solution on smootgallery-es forum(sorry for putting it this way, not that I don't want to fix it but it is better to be fixed by the creater himself and let me focus on WBaker frontend bkz I don't have enough free time).

[ToS]

I really like the look of this gallery!

I used earlier GDPics, but I would like to switch to this one. Anyway I find one problem. Can I create a thumbinail page which would then open correct gallery?

So each gallery would have short text underneath and one image which would be link to that gallery.

Thanks,

Janne

Creating of thumbnails for specific groups would be done...how? Taking the first img from that group, picking by random? You know, one could develop a new plugin for such needs. A plugin that lists the sub-directories of selected dir and shows thumbs. As I see it, it doesn't have much in common with this type of gallery.

[ToS]

One question - is there any way that the alignment on the page of the gallery can be changed ?

Anligment of the gallery can be changed by editing view.php. If I'm not mistaken there are few <tables> preceiding gallery content that can be edited to match your needs. If you do not wish to use gallery in onther way(with blob of text on the side) on the rest of your site, you can edit view.php to have something like this.

This is original:

Code:

// start HTML
if ($title) {
echo "<h2>$title</h2>";
}
if ($description && $options['x-putDescription']=='top') {
echo "<p>$description</p>";
} else if ($title) {
echo '<br />';
}

// scan for & add files
$arr = array();
$file_ext = explode(',',$options['x-loadExtensions']);
$file_list = file_list(WB_PATH.$path,array('*.php'));
foreach ($file_list as $file) {
if (is_integer(array_search(strtolower(substr(strrchr($file,'.'),1)), $file_ext)))
$arr[]=basename($file);
}
sort($arr);

//begin gallery DIV
?>
<table width="98%" align="center" border="0">
<tr>
<td width="100%" align="center">
<div id="<?php echo $div_name ?>">

This is changed version

Code:

// start HTML
if ($title) {
echo "<h2>$title</h2>";
}
// NOTE - DESCIPTION PART MOVED FROM HERE TO .....

// scan for & add files
$arr = array();
$file_ext = explode(',',$options['x-loadExtensions']);
$file_list = file_list(WB_PATH.$path,array('*.php'));
foreach ($file_list as $file) {
if (is_integer(array_search(strtolower(substr(strrchr($file,'.'),1)), $file_ext)))
$arr[]=basename($file);
}
sort($arr);

//begin gallery DIV
?>
<table width="98%" align="center" border="0">
<tr>
<td><?php
// NOTE - ...MOVED TO DOWN HERE
if ($description && $options['x-putDescription']=='top') {
echo "<p>$description</p>";
} else if ($title) {
echo '<br />';
}

// NOTE - Dont forget to add <td></td> before and after php block as those are not in the original version
// also notice that nex line: <td width="50%" align="center"> had width="100%" in original
// fiddle with that a little bit until you fin the right width for your gallery, hope it helps
?></td>
<td width="50%" align="center">
<div id="<?php echo $div_name ?>">

NOTE - Dont forget to add <td></td> before and after <?php ?> as those are not in the original version. Also notice that next line(after new-ly inserted <?php ?>): <td width="50%" align="center"> had width="100%" in original, I just cutted it in half so your text would be normal. Fiddle with that a little bit until you find the right width for your gallery, hope it helps.
If you get stuck somewhere, let me know via pm(cuz I don't watch this forum tread when I don't need to).

[adiwillow]

The original smoothGallery has problem with more than x images in thumbnails section, I was waiting for it to be fixed in the next release but avail, as much as i can tell there will be none(smootGal is still in v1.0.1). You can find the solution on smootgallery-es forum(sorry for putting it this way, not that I don't want to fix it but it is better to be fixed by the creater himself and let me focus on WBaker frontend bkz I don't have enough free time).

hiya .. thanks for replying to this.

I dont think its a thumbnail number problem, both gallerys on my site are using the same image set, yet one bounces and one doesn't. Its down to layout for sure, i;'m guessing a padding problem or something to do with my floated div.. however i appreciate that its not a WB problem and will look on the support for the main package. Thanks anyway..

[deejvince]

Hi,

Does anybody have an idea on how to change the order of the displayed picures staticly or by shuflling them?

When i go the my gallery page, the pictures displays in a diffrent order then i desire..

BTW: i found a 'random' function in the JonDesign's SmoothGallery Forums but its not good because the random function has no memory of last images displayed and so it might show the same pic in very close proximity...

Thanks,
          DeeJVince

[speedking]

Is there a way to separate the "Carousel" and the "Arrows" like:

http://img.photobucket.com/albums/v722/jantes/Gallery.jpg

I just want to place a separate carousel below or above the main gallery.

Another example is: http://www.justinbrimacombe.com/

Thanks in advance!

[ToS]

Is there a way to separate the "Carousel" and the "Arrows"

It is not supported by the frontend but you can tweak it. Read this forum thread:
http://smoothgallery.jondesign.net/forums/viewtopic.php?id=203


BTW:
Smooth gallery 1.2 is in beta right now. I hope it will be tested & released soon enough.

[speedking]

Hey ToS thank you for your reply.

I asked the question because I was not sure if there was anything you could tweak in WB to separate the Carousel.

I understand where to put some of the code but not all of it.

Yes: Change line 280 of jd.gallery.js from:

var carouselContainerEl ement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);

to:

var carouselContainerEl ement = new Element('div').addClass('carouselContainer').injectInside($('myCarousel'));

No: In your webpage, directly underneath your gallery add the following code:

<div id="myCarousel" class="jdGallery">
</div>

Yes: Place the following into your stylesheet:

#myCarousel
{
    text-align: left;
    margin: 0 auto;
    float: left; /* Same as your gallery is set to */
    width:462px; /* Adjust this to your picture width + 2 */
    height:116px;
    overflow:hidden;
    background: #000000;
}

No: And the create your gallery like this instead:

<script type="text/javascript">
  function startGallery() {
    var myGallery = new gallery($('myGallery'), {
            timed: false,
            textShowCarousel: 'Loading thumbnails'
        });
        myGallery.showCarou sel();
    }
    window.onDomReady(startGallery);
</script>

Would I also have to rename certain parts of the code to make it work with WB such as the code in the last section above?

Thanks for any help given in advance!