I18N Gallery

[mvlcek]

How do I put multiple galleries on one page?

Code:

(% gallery name=my-gallery-name-1 %)
(% gallery name=my-gallery-name-2 %)

[schluters]

See http://get-simple.info/forum/post/15390/#p15390.

Thanks!

[andyash]

How do I put multiple galleries on one page?

Code:

(% gallery name=my-gallery-name-1 %)
(% gallery name=my-gallery-name-2 %)

I don't want one gallery below the other. I want to show each gallery with only one thumbnail each and clicking on the gallery name or thumbnail taking the user to the respective gallery.

[mvlcek]

I don't want one gallery below the other. I want to show each gallery with only one thumbnail each and clicking on the gallery name or thumbnail taking the user to the respective gallery.

Then create one page for each gallery, e.g. page with slug/url "gallery1" as

Code:

(% gallery name=my-gallery-name-1 %)

Create another page with gallery links:

Code:

(% gallerylink name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallerylink name=my-gallery-name-2 url=gallery2 thumb=random %)

(specify a number x for the x-th image of the gallery after thumb or "random" for a random image)

Or, if you want to show both galleries on the same page, but only one thumbnail instead of all, just create a page with

Code:

(% gallery name=my-gallery-name-1 thumb=2 %)
(% gallery name=my-gallery-name-2 thumb=random %)

(this assumes that the gallery type is fancybox or prettyphoto)

See http://mvlcek.bplaced.net/get-simple/i18ngallery for more information.

[schluters]

I translated the gallery to Portuguese of Brazil, if you want to add the next versions.
Thank you, hug!

http://get-simple.info/extend/language/b...llery/207/

Eu traduzi a galeria para português do brasil, se quiser adicionar as proximas versões.
Obrigado, abraço!

[andyash]

I don't want one gallery below the other. I want to show each gallery with only one thumbnail each and clicking on the gallery name or thumbnail taking the user to the respective gallery.

Then create one page for each gallery, e.g. page with slug/url "gallery1" as

Code:

(% gallery name=my-gallery-name-1 %)

Create another page with gallery links:

Code:

(% gallerylink name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallerylink name=my-gallery-name-2 url=gallery2 thumb=random %)

(specify a number x for the x-th image of the gallery after thumb or "random" for a random image)

When I use

(% gallerylink name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallerylink name=my-gallery-name-2 url=gallery2 thumb=random %)

I get only code on the page.

When I use

(% gallery name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallery name=my-gallery-name-2 url=gallery2 thumb=random %)

then I see the gallery images, but no gallery name, so that's an issue as the user doesn't know which gallery is which.

I was hoping for something on the lines of The Photo Gallery plugin. It really simplifies things.

[mvlcek]

When I use

(% gallerylink name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallerylink name=my-gallery-name-2 url=gallery2 thumb=random %)

I get only code on the page.

You need at least version 1.1 of the plugin. See http://mvlcek.bplaced.net/i18ngallery/i18ngallery-link/ for an example - the tooltip of the link also shows the gallery name and I also added a title before the link.
I could extend the plugin to be able to also display the gallery title below the thumb.

When I use

(% gallery name=my-gallery-name-1 url=gallery1 thumb=2 %)
(% gallery name=my-gallery-name-2 url=gallery2 thumb=random %)

then I see the gallery images, but no gallery name, so that's an issue as the user doesn't know which gallery is which.

You can add the name before, e.g.

Code:

<h2>My Gallery 1</h2>
<p>(% gallery name=my-gallery-name-1 url=gallery1 thumb=2 %)</p>

I was hoping for something on the lines of The Photo Gallery plugin. It really simplifies things.

The Photo Gallery and I18N Gallery have different goals:
Whereas the first allows you to quickly browse multiple image directories, I18N Gallery specializes on multi-language, sortable galleries and sliders, where images can be selected from multiple directories and used within multiple galleries.

[andyash]

The Photo Gallery and I18N Gallery have different goals:
Whereas the first allows you to quickly browse multiple image directories, I18N Gallery specializes on multi-language, sortable galleries and sliders, where images can be selected from multiple directories and used within multiple galleries.

Yes, but wouldn't it be a killer if I18N Gallery could do all that and this as well?

[alduxvm]

Hi!! Very nice gallery!!! but i still have problems making it work... i didnt use the plug in, i do it manually, i simply add this:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>

also the CSS, and i use the divs in this way:

<div id="s3slider">
<ul class="s3sliderContent">
<li class="s3sliderImage">
<img src="img/eventos/1.jpg" /><span>Your text comes here</span></li>
<li class="s3sliderImage">
<img src="img/eventos/2.jpg" /><span>Your text comes here</span></li>
</ul>
</div>

but nothing works!!!

i dont know why...

you can check it in here:

http://alexnajeraeventos.com.mx/#portfolio

any ideas??

thanks!!

cheers!!

[Connie]

1) you are using Pixelstudio regular which has its own plugins and galleries

2) did you test these?

there is a manual.pdf which shows how to install the data(optional), the plugins and the theme

did you follow this:

This page should be added by creating a new page named “Portfolio”. Within this page
you should create an unsorted list (using the GetSimple text editor) and place an image as
each element within this list. To link an image, simply create a regular link for the image
(add style class “prettyPhoto” to have the link open in a nice modal lightbox window).
Finally, add the following classes to the unsorted list: “clearList” and “portfolio”.

I remember I once did and it workedou

[mvlcek]

Hi!! Very nice gallery!!! but i still have problems making it work... i didnt use the plug in, i do it manually, i simply add this:
...

If you don't use the plugin, you have to follow the instructions on http://www.serie3.info/s3slider/.
You should also ask your questions there, as this is the topic for the I18N Gallery plugin.

Hint: you need additional CSS and especially Javascript-Code to use s3Slider.

Or use the I18N Gallery plugin ;-)

[mvlcek]

I18N Gallery version 1.3:

• New version of Supersized (better scaling)
  
• Portuguese translations (thanks @schluters)
  

[Jyggafey]

I am currently adding JCrop support to the admin panel along with a gallery type based on the cycle gallery type as a demo.
My Question would be if i should brush up my hack as a diff and wire it to you
Also: cycle with thumbnails on the same page is propably one of the most popular usecases for a gallery, was really wondering why there isnt a gallery type for that.

[mvlcek]

I am currently adding JCrop support to the admin panel along with a gallery type based on the cycle gallery type as a demo.
My Question would be if i should brush up my hack as a diff and wire it to you

What do you use it for? Image cropping or thumbnail generation? On upload or within I18N gallery?

Also: cycle with thumbnails on the same page is propably one of the most popular usecases for a gallery, was really wondering why there isnt a gallery type for that.

So far I see PrettyPhoto and fancybox as typical gallery plugins (with thumbnails, as the image display is in a "popup") while I'd use cycle and s3slider for automatically running slideshows on otherwise static pages.
So far I've not (consciously) seen cycle for galleries. Do you have an example?

[Jyggafey]

What do you use it for? Image cropping or thumbnail generation? On upload or within I18N gallery?

cropped Thumbnails, directly in the image list of any gallery. Just like the GS Image Control Panel
Im really just adding x y and dimensions of the area in the source picture to the stored data and have them generated on request using a slightly adapted version of your pic.php.

So far I see PrettyPhoto and fancybox as typical gallery plugins (with thumbnails, as the image display is in a "popup") while I'd use cycle and s3slider for automatically running slideshows on otherwise static pages.
So far I've not (consciously) seen cycle for galleries. Do you have an example?

I didnt mean specifically for I18N gallery, i meant any Gallery on the Interwebs that has an image area and thumbnails of the images within that gallery alongside it on the same page.
Just some Examples:

http://galleria.aino.se/themes/classic/
http://www.twospy.com/galleriffic/example-2.html
http://coffeescripter.com/code/ad-gallery/

Basically: anything that is not a lightbox variant or a "slider" only.

edit: thumbs are generated and stored on request now

[Alan-A]

Hello,

I too have been hacking this gallery and wasn't sure whether such subjects belong in this topic as there is already a lot to cover with features and problems. However, please correct me if I'm wrong - I'm new here.

I was very pleased when I discovered this plug-in and it was one of the reasons that I selected GetSimple for the project I'm currently working on.

However there were some features that were missing and I've hacked them into the prettyphoto gallery of the 1.2 Version. They features were:

• Display the image description in the gallery view, with a show / not show checkbox in the admin area.
  
• A description of a gallery. (I realise that I could have added this directly in the gallery pages, but I wanted to keep all the input related to the galleries together in the admin area.) At the moment I'm using an input HTML field as a temporary solution but more of this at another time.
  

I'm posting this now as I've just seen that version 1.3 has been released and I'm hoping that you (Martin) might be interested in incorporating these features in a future version. (And therefore make updating easier for me!)

I'm attaching my modified files (for version 1.2) to this post and if you're interested I could update to version 1.3 and send you the new ones. (Changed code is all commented with 'ARA Hack'.)

Best wishes,

A.

[mvlcek]

I too have been hacking this gallery and wasn't sure whether such subjects belong in this topic as there is already a lot to cover with features and problems. However, please correct me if I'm wrong - I'm new here.

This is the correct place.

I was very pleased when I discovered this plug-in and it was one of the reasons that I selected GetSimple for the project I'm currently working on.

I'm glad you like the plugin :-)

However there were some features that were missing and I've hacked them into the prettyphoto gallery of the 1.2 Version. They features were:

• Display the image description in the gallery view, with a show / not show checkbox in the admin area.
  

The reason I do not include the description in the thumb view is that a (long) description would make the thumbs look terrible. Do you have an example with your hack?
Additionally, as prettyPhoto only displays the title, it would be weird to see the description in the thumb view but not in the full view.
BTW: the description is shown on thumb mouseover, as it is in the title of the thumb for prettyPhoto.

• A description of a gallery. (I realise that I could have added this directly in the gallery pages, but I wanted to keep all the input related to the galleries together in the admin area.) At the moment I'm using an input HTML field as a temporary solution but more of this at another time.
  

Normally a user will display one gallery per page thus the gallery title is not displayed, as it would duplicate the page title. Regarding a description I was thinking about one, but with not displaying the title, I decided to keep it simple and not add a description, as it can be included in the page.

BTW: I tried to only specify the most important CSS properties in the styles, all the others should be put in the theme's css file (just make them a bit more specific), e.g.

Code:

body .gallery-prettyphoto .gallery-thumb .gallery-title {
        line-height: 110%;  /* Ist sonst in '#article #section' in style.css-Datei */
        font-weight: bolder;
      }

[Alan-A]

Hello Martin and many thanks for the quick reply.

The reason I do not include the description in the thumb view is that a (long) description would make the thumbs look terrible. Do you have an example with your hack?

At last, an invitation to post a link to my site ... ;-)
- http://www.alanamos.de/CMSs/GetSimple/in...broschuren
(As this is a demo site it is likely that the addresses to individual pages won't work for long but I won't be deleting the CMS.)

I've not set any sizes for the thumbnails so the generated dimensions are your defaults. Whilst it's no work of art, I think is looks OK. With a bit of luck I'll manage to standardise the widths tomorrow.

Additionally, as prettyPhoto only displays the title,

Aren't you thinking of fancyBox? :-)

BTW: the description is shown on thumb mouseover,

You're right, I've forgotten to suppress this.

Normally a user will display one gallery per page thus the gallery title is not displayed, as it would duplicate the page title. Regarding a description I was thinking about one, but with not displaying the title, I decided to keep it simple and not add a description, as it can be included in the page.

I see that creating a page title and saying that "Gallery X is to be loaded into this page" is a minimum that one has to do "per hand" at the moment but after that, I wanted to keep everything to do with the galeries together as that seemed the most logical approach for my "wanting to have as little to do with HTML as possible" customer.

(My ideal-gallery-vision would be where I create a single gallery HTML page and then all the gallery subpages would be dynamically written into it as required.)

BTW: I tried to only specify the most important CSS properties in the styles, all the others should be put in the theme's css file (just make them a bit more specific), ....

Yes, I saw that but as I've added two divs for each thumbnail and changed the 'display' parameters to 'inline-block' and wanted to keep everything together, I ended up modifying the CSS in the prettyphoto.php file ....

Best wishes,

Alan

[sal]

First of all, thanks for yet another awesome plugin mvlcek. Top job as always.

What I'd like to know is what's the best way to check if a gallery exists. In my template I'd like to check if a gallery exists for that page using it's alias and if not to display a default gallery instead.

[TemurDanelia]

Hello mvlcek!

I try to use this gallery in my new template.
I works with some mistakes here: http://www.bizwebmaster.com/promodemo/ga...ame=slider
And doesn't work here: http://www.bizwebmaster.com/promodemo/

Could you tell me what is the problem.

[mvlcek]

Hello mvlcek!

I try to use this gallery in my new template.
I works with some mistakes here: http://www.bizwebmaster.com/promodemo/ga...ame=slider

You have included the gallery twice: once before the title (in the template?) and once after the header (in the content of the page). This is not supported.

And doesn't work here: http://www.bizwebmaster.com/promodemo/

You don't include the styles and javascript in the header, maybe the <?php get_header(); ?> is missing in the template.

[TemurDanelia]

You have included the gallery twice: once before the title (in the template?) and once after the header (in the content of the page). This is not supported.

This is not a page. Just gallery preview.
So that is not a problem, just example.

You don't include the styles and javascript in the header, maybe the <?php get_header(); ?> is missing in the template.

I have included <?php get_header(); ?> in the header.php.
Here is header.php code:

Code:

<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File:         header.php
* @Package:        GetSimple
* @Action:        Magazine theme for the GetSimple 3.0
*
*****************************************************/
?>
<!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><?php get_page_clean_title(); ?> | <?php get_site_name(); ?></title>


<?php get_header(); ?>



<meta name="keywords" content="<?php get_page_meta_keywords(); ?>" />
<meta name="description" content="Magazine Theme is a free website template provided by templatemo.com" />
<meta name="robots" content="index, follow" />
<link rel="stylesheet" type="text/css" href="<?php get_theme_url(); ?>/style.css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_wrapper">
    <div id="templatemo_header">
        <div id="site_title">
        <h1><a href="<?php get_site_url(); ?>"><?php get_site_name(); ?></a></h1>
        </div> <!-- end of Logo/Title -->
        <div id="header_right">
            <a id="rssbut" href="https://twitter.com/#!/<?php get_component('twitter-id'); ?>" target="_blank" title="Subscribe to RSS"></a>
            <a id="twbut" href="https://twitter.com/#!/<?php get_component('twitter-id'); ?>" target="_blank" title="Follow us on Twitter"></a>
            <a id="facebut" href="http://www.facebook.com/<?php get_component('facebook-id'); ?>" target="_blank" title="Follow us on Facebook"></a>        
        </div> <!-- end of Social.php -->
        <div class="cleaner"></div>
    </div>
    <div id="templatemo_menu">
        <ul>
            <?php get_navigation(return_page_slug()); ?>
        </ul> <!-- end of Menu -->
        <div id="search_box">
            <?php get_i18n_search_form(array('slug'=>'search', 'GO'=>'', 'showTags'=>0)); ?>
        </div> <!-- end of Search Box -->
        <div class="cleaner"></div>
    </div> <!-- end of header.php -->

Do I have to include <?php get_header(); ?> in the template.php also?
Here is template.php code:

Code:

<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File:         tempate.php
* @Package:        GetSimple
* @Action:        Magazine theme for the GetSimple 3.0
*
*****************************************************/
# Include the header template
include('header.php');
?>
    <div id="slider">
        <?php get_i18n_gallery('slider'); ?>
    </div> <!-- end of slider -->
    <div id="templatemo_main">
        <div class="col_w960">
            <h2><?php get_page_title(); ?></h2>
            <?php get_page_content(); ?>
          <div class="cleaner"></div>
        </div> <!-- end of page -->
        <div class="col_w960">
            <div class="col_w450 float_l">
            <h2><?php get_component('newsposts-title'); ?></h2>
            <?php include('newsposts.php'); ?>
            </div> <!-- end of news posts -->
            <div class="col_w450 float_r">
            <h2><?php get_component('blogposts-title'); ?></h2>
            <?php include('blogposts.php'); ?>
            </div> <!-- end of blog posts -->
            <div class="cleaner"></div>
        </div>
        
      <div class="col_w960">
            <h2>Latest Projects</h2>
            <div class="lp_box">
                <h6>Nullam ut neque neque</h6>
                <a href="#"><img src="images/templatemo_image_01.jpg" alt="Nullam ut neque neque" /></a>
                <p>Etiam ut nibh et urna cursus ultricies nec vel nunc. In hac habitasse platea dictumst. </p>
                <a class="more" href="#">More</a>
        </div>
            <div class="lp_box">
                <h6>Sed aliquam mauris</h6>
                <a href="#"><img src="images/templatemo_image_02.jpg" alt="Sed aliquam mauris" /></a>
                  <p>Donec ullamcorper feugiat nunc ut tempus. Sed sodales, nibh ut ultricies pulvinar.</p>
                <a class="more" href="#">More</a>
        </div>
  <div class="lp_box lp_box_last">
                <h6>Aliquam aliquet sem</h6>
                <a href="#"><img src="images/templatemo_image_03.jpg" alt="Aliquam aliquet sem" /></a>
                <p>Praesent auctor quam quis libero venenatis dapibus. Donec ullamcorper   feugiat nunc.</p>
    <a class="more" href="#">More</a>
            </div>
            <div class="cleaner"></div>
      </div>
        
        <div class="cleaner"></div>
    </div> <!-- end of main -->
    <?php include('footer.php'); ?>

Thanks in advance.

[mvlcek]

Do I have to include <?php get_header(); ?> in the template.php also?

No, if you include it in header.php, it is thus (indirectly) included in template.php.

[TemurDanelia]

Do I have to include <?php get_header(); ?> in the template.php also?

No, if you include it in header.php, it is thus (indirectly) included in template.php.

Ok.
So could you tell me what is the problem?
Why js and css don't included in <head></head>?

[TemurDanelia]

I tried to put <?php get_i18n_gallery('slider'); ?> in another theme Cardinal.
Here is template.php code:

Code:

<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); }
/****************************************************
*
* @File:             template.php
* @Package:        GetSimple
* @Action:        Cardinal theme for the GetSimple CMS
*
*****************************************************/
?>
<!DOCTYPE html>
<html>
<head>

    <!-- Site Title -->
    <title><?php get_page_clean_title(); ?> &lt; <?php get_site_name(); ?></title>
    <?php get_header(); ?>
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" type="text/css" href="<?php get_theme_url(); ?>/style.css" media="all" />

</head>
<body id="<?php get_page_slug(); ?>" >

<div id="wrapper">

    <div id="header">
        
        <ul id="nav">
            <?php get_navigation(return_page_slug()); ?>
        </ul>
        
        <span class="logo2" href="<?php get_site_url(); ?>"><?php get_site_name(); ?></span>
        <a class="logo" href="<?php get_site_url(); ?>"><?php get_site_name(); ?></a>

    </div><!-- end header -->
    
    <div id="content">
<?php get_i18n_gallery('slider'); ?>
        <h1><?php get_page_title(); ?></h1>    
            <div id="page-content">
                <div class="page-text">
                    <?php get_page_content(); ?>
                    <p class="page-meta">Published on &nbsp;<span><?php get_page_date('F jS, Y'); ?></span></p>
                </div>
            </div>
    </div>    
        
    <div id="sidebar">
        <div class="section">
            <?php get_component('sidebar');    ?>
        </div>
        <div class="section credits">
            <p><?php echo date('Y'); ?> - <strong><?php get_site_name(); ?></strong></p>
            <p>
                Cardinal Theme by <a href="http://www.cagintranet.com" title="Pittsburgh Creative Agency" >Cagintranet</a><br />
                <?php get_site_credits(); ?>
            </p>
        </div>
    </div>
    
    <div class="clear"></div>
    
    <?php get_footer(); ?>
    
</div><!-- end wrapper -->
</body>
</html>

Here is page preview:
http://www.bizwebmaster.com/promodemo/

js and css again not included in <head></head>.