Theme: Pear4gallery3

Hey Erlis. Just wondering if it would be possible to get a way to retrieve the urls for the various sizes of the pictures.. I hope I can explain this well enough... The sidebar doesn't show in the individual picture view, so I can't use the embed links module there for instance in order to retrieve the full sized url.. So if I copy the url of the picture, even if it's displayed in the album at the full size, it always defaults to the resized 800 pixels in the link. So if I have a picture that I uploaded at 1024 pixels and I want to share it at that size somewhere else, I can't do it. Thanks

(By the way, the "resized_size" option in the advanced menu doesn't seem to effect this no matter what setting I try.. I also tried rebuilding images after setting resized_size to zero or empty, and it still defaults back to 800px)

Nevermind.. I figured it out lol.. I had to set the resize to 1024 and rebuild the images..

Hi Erlis,

Long time no read !

Just a little word to say that your theme is doing well on my website. I was just wondering how the item count was working with Pear.
I am using Dave's carousel for popular and recent items. If I understand well, the popular is counting the number of time the photo page was refreshed.
How do you think this is working with Pear ? Is it working in slideshow mode or in grid-mozaic ? or not at all ?

Thank you in advance for your answer

Petri

------
Gallery 3 URL = http://www.coquille.org/gallery
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

Also, one more request. I would like the "download this photo" link to be admin-configured. I don't really want all the images to be downloadable.

Thanks a lot for your contribution on this brilliant theme, it looks great on Chrome.
-------------------
Melodifestivalen 2013

Hi Erlis,

For help, if you explain me what and how (never used wiki before) I can try to help, are you talking about the help content in the admin section of the theme ? Or just the theme page on Menalto ?

For Github, I don't remember how to uncomment and post issues... sorry

------
Gallery 3 URL = http://www.coquille.org/gallery
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

Hi,

I am new in this forum and I have installed the theme Pear4gallery3 as discussed here.
First, it is wunderfull. Thanks.
But my questions are:
- How can I add tags onto all pictures in a album?
- How can I change the resolution for the enlarged pictures only?

Regards

vozzibaer

I'm not sure I understand what you mean, can you eleborate a bit?

New version uploaded to github v3.5.2.

Among other changes we now have the option to change the photo-resize size (under theme options) & support for no album skimming (set skimm_img to 0).

New version uploaded to github v3.5.4.

Just minor fixes, description of the meaning of skimm_lim=0 + better support for site status(es).

Short answer: NO.

Longer answer:
I'm not planning to support each and every modification (I just can't find the time for that). Try to make the modification yourself.

• You can remove all titles from your images, that will remove it.
  
  • Or, just add: display: none to the gsContentDetail class style (https://github.com/fredrike/pear4gallery3/blob/master/views/album.html.php#L39) and the titleLabel (https://github.com/fredrike/pear4gallery3/blob/master/views/album.html.php#L39).
• Oh, perhaps you are using Grid-view, then you have to dig a bit deeper (edit this line: https://github.com/fredrike/pear4gallery3/blob/master/views/thumbs.html.php#L50)
• Same with the info button, add display: none to all #info definitions in https://github.com/fredrike/pear4gallery3/blob/master/css/pear.css (L801, L843, L875).

Submit a patch in github if you get it to work via settings in the theme_options page and I'll add it as a feature for all.

Hi Erlis,

Thank you for this upgrade, just installed in finished customization. The images looks indeed much crisper now. NICE !

I set the skimming to zero, and the website is loading much faster from China now, although I really like the skimming... I was wondering if in the future it would be possible to set the theme to display the page once all the original thumbnails were loaded and then load the rest in the background...

I have a new king of bug with this release, it's the Tag cloud :
when I click on a tag, I get to a strange page with an empty sidebar and no footer..

appart from that...it runs smoothly and crispy !

UPDATE :

oups, I was writing this post when you were writing the 3.5.4 release...
Guess I will update and customize again.....test and get back to you

------
Gallery 3 URL = http://www.coquille.org/gallery
Version: 3.0.2 (Coollanta)
Operating system: Linux 2.6.18-194.32.1.el5
Apache: Apache/2.2.3 (Red Hat)
PHP: 5.2.6
MySQL: 5.0.77
Server load: 1.31 1.58 1.53
Graphics toolkit: gd
-------

Hi there Erlis,

I was a MobileMe Gallery user so this theme is to me a great find and a great substitute. Thank you so much.

I'm new at this and not much into coding but I managed to make some of the modification that you suggested on my first post -they work, thanks. The only thing I could not figure out was how to remove/delete the title/file name of the photos when in Grid-view

50 <p class="giTitle <? if(!$child->is_album()) print 'center';?>"><?= html::purify(text::limit_chars($child->title, 20 )) ?> </p>
51 <? if($child->is_album() && !module::get_var("th_pear4gallery3", "hide_item_count")): ?><div class="giInfo"><?= count($granchildren)?> photos</div><? endif ?>

I changed the ($child->title, 20) from 20 to 0 in the thumbs.html but this also removed the titles from all the albums name.

One more thing, if you know the fix to this I would appreciate it -some of my photos were taken with different cameras thus different sizes/resolutions, when I create albums and the resolutions of the photos are different on the albums, the albums thumbnails have different sizes in the Grid-view, and not consistent, any suggestions on how I can fix that? -thanks again.

Beer's on the way -enjoy.

georgek

I was wondering how do I change the text in the Header (Gallery's home page) from GALLERY to my own text of VIDEO ARCHIVE.
(sorry if I missed it in this thread)

Thank You, Sincerely,
bburnett

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"sometimes the world is cruel to shiny things" - Elroy "Lucky" Kleinschmidt

Exactly as petri is saying, just set the right title of your album.
See this img:

[img=543x400]http://i.imgur.com/kks9n.png[/img]

He erlis,

I'm finally sitting down to try to add the fb like button to the dynamic photo pages as I mentioned previously.

Here is the technique I'm following : http://allurcode.com/2011/06/30/multiple-dynamic-facebook-like-buttons-on-one-page/

I don't know which file to actually edit though. Could you point me in the right direction?

Thanks!

Well, I've spent the better art of the night messing with this, I can't figure it out. There seems to be some problem with the page <head> and the og: tags. No matter what I do, I can't get the thumbnail for the image being displayed to be sent to facebook via the like button. It always sends the thumbnail for the Album, which seems to be set in the og:image and the og:url in the <head> of the page. I'm not sure where to get this from or where to edit it, I'm just not familiar enough with the code base.

The fb:like href should be the contence of slidshowImages[pear.currentimage][6] that is the full URL to the image. Try that an I'm sure you'll get it to work.

Also you only need to load the fb js once so that should
Preferable be set in the album.html.php or so.

Ok, I'm posting from my phone now so sorry for not being correct with the syntax.

I don't know how "close" you are but this is my idea on how to implement fb like.

1. As I said in album.html.php add a placeholder (a div) where you like to have the button.
2. Make sure you load the necisarry Facebook js (perhaps in page.html.php).
3. Now the fun begins ;). You need to reloa the like code every time the focused image changes (now we are in pear.js and in the function SwatchImage). Fill your placeholder with the correct info, use the VARIABLE slideshowImages[pear.currentImage][6] where you should fill the URL (that will give you the full URL to the focused image hence render correctly on Facebook).
4. Test test and test
5. Break everything by making it integrate with the current fb like module in a nice way (here you can have a look in my code what I did to make the theme integrate with te fb comment module).
6. Test a bit more.
7. Celibrate. ;)

GLHF.

Was that close to what you are doing? (at what stage are you)

You need to re generate the button on swatchImage (every time the image is changed). So re add the fb like code into the div from swatchImage and use the var I referred to then trigger the fb generate button.

The theme are jusing jquery so modifying the doc from JavaScript is like: $('#your-div').html(<fb like html>);

thank you for your explanation
I will try and follow the steps according to what you described above

All right, I finally have it working now where it is sending the correct URL to facebook.

However, the facebook like button depends on some meta tags to be set in the <head> of the document. These are og:title, og:image, and og:type. These cannot be passed to the facebook like button, they need to be in the <head> of the page. So, even though I have the correct URL being sent, there's no thumbnail and no description showing up in the facebook news feed - just the bare link.

Is there a way to generate these meta tags dynamically as the images change? That is the key to getting this whole thing working I think.

edit: I should add that I'm not going to leave it this way. I'm taking all the additions out until this can be implemented correctly.

Hello,

I did read your post, and like I said I can now send the full image URL to the news feed. However, there is more to it than that. In order for it to show up properly on the Facebook news feed, there needs to be am image thumbnail, and a title - otherwise all that shows up on the news feed is the bare (text) link and no thumbnail image. I guess this is okay, but it is not what I want.

The standard facebook like button code looks like this :
<div class="fb-like" data-href="http://foo.com" data-send="true" data-width="450" data-show-faces="true"></div>

The facebook like button code gets the URL of whatever is being sent from the "data-href" field in the HTML code above. However, the thumbnail image and the title do not come from this HTML, they come from the meta tags in the <head> of the page.

So, in summary, I can now get the correct bare link to show up using your suggestions above, but I cannot get the appropriate thumbnail image nor the appropriate title to show up on the Facebook News Feed.

Ah, I see that the zip file unpacked into ./fredrike-pear4gallery3-b331f51 instead of into ./pear4gallery3, so my files didn't actually get updated. Silly me.

I'm currently at stage 5+ with the following changes (the fb-like module is required to be enabled but don't check any of the "Show on.." buttons yet).

diff --git a/js/pear.js b/js/pear.js
index e072f97..28e9a37 100644
--- a/js/pear.js
+++ b/js/pear.js
@@ -361,6 +361,10 @@ function swatchImg(imageId) {
     mosaicResize();
     updateHash();
     $('#img_detail').fadeIn();
+
+    /* Facebook Like support */
+    $('#fbLike-detail, #fbLike-detail-dv').html('<fb:like href="'+window.location.protocol+'//'+window.location.hostname+slideshowImages[pear.currentImg][6]+'" width="450" send="'+$('#fbLike-detail').data('send')+'" layout="'+$('#fbLike-detail').data('layout')+'" show_faces="'+$('#fbLike-detail').data('faces')+'" colorscheme="dark" font="lucida grande"></fb:like>');
+    if (typeof(FB) !== 'undefined') FB.XFBML.parse();
 }
 
 function hideHoverView() {
diff --git a/views/album.html.php b/views/album.html.php
index 8db6b7f..a30a966 100644
--- a/views/album.html.php
+++ b/views/album.html.php
@@ -40,6 +40,17 @@ $(window).load(function () {
             <div class="gbBlock gcBorder1" id="imageTitle"> </div>
         </div>
     </div>
+  <? if(module::is_active("facebook_like")): ?>
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=<?=module::get_var("facebook_like", "appId");?>";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+    <div id="fbLike-detail" style="top: 15px; position: absolute; left: 15px;" data-layout="<?= module::get_var("facebook_like", "layout", "standard")?>" data-send="<?= module::get_var("facebook_like", "send", "false")?>" data-faces="<?= module::get_var("facebook_like", "show_faces", "false")?>"></div>
+  <? endif ?>
   </div>
   <div id="gridContainer" class="gallery-album">
     <?= new View("thumbs.html") ?>
diff --git a/views/hoverView.html.php b/views/hoverView.html.php
index eb1f59c..3bef772 100644
--- a/views/hoverView.html.php
+++ b/views/hoverView.html.php
@@ -2,6 +2,9 @@
 <div id="detailView" onmousemove="showHoverView();">
 	<div class="overlay"> </div>
 	<div class="content">
+  <? if(module::is_active("facebook_like")): ?>
+    <div id="fbLike-detail-dv" style="top: 15px; position: absolute; left: 15px;"></div>
+  <? endif ?>
 		<div class="imageContainer">
 			<div class="titleLabel" id="imageTitleLabel" style="bottom: width: 624px;"></div>
 			<div id="detailImageView" class=""> <img style="visibility: visible;" src="" alt="" id="img_detail"/> </div>

Let me know what you think so we can continue on stage 6 & 7.

Here is a live demo: http://erlandssson.nu/~fer/gallery3/album_003/

Hello, is it possible that some of the code was truncated in your cut-n-paste above?

For example, I think this line is incomplete :

+ $('#fbLike-detail').html('<fb:like href="'+ slideshowImages[pear.currentImg][6] +'" send="false" width="450" show_faces="true" colorscheme="dark" font="verdana"

Hi erlis,

I've incorporated these changes and I'm excited to say that it works! With the facebook_like module enabled, I am now seeing the correct thumbnail and link appear on the facebook News Feed.

Here's something strange though. When I click the link on facebook to come back to my site, it opens my site in the "grid" view instead of the "mosaic" view. Does this happen in your testing as well?