mfarooq31 / galleriffic

Automatically exported from code.google.com/p/galleriffic
0 stars 0 forks source link

First image with history plugin #208

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. When you go to the main/direct url of a Galleriffic gallery (url without any 
history hash marks), Galleriffic loads and the first image appears.
2. When you go to the url with the history hash mark at the end, Galleriffic 
loads the first image as well.
3. Everything works. However, having two urls for the same image is an issue. I 
have to use the history plugin, so I'm wondering what my options are for 
tweaking the code for one consistent url for the first image?

What is the expected output? What do you see instead?
The first image needs one consistent URL, not two.

What version of the product are you using? On what operating system?
Galleriffic 2.0.1 with jQuery 1.4.2 and the History Plugin enabled

Please provide any additional information below.
Here's the deal: Inside the caption area, I am loading a Facebook Like button 
for each image. I've figure out how to do the Like button part by hacking the 
Galleriffic code a little. I'm frustrated with the fact that some people might 
see the first page of my gallery (without any hash mark) and click the Like 
button for the first image. Then, other people might navigate though the images 
in the gallery and then click on the first thumbnail (thus, they'll load the 
first image with the hash mark in the url) and Like it. Two separate Like 
buttons for the same image is confusing and redundant. Is there an easy way for 
me to add some code in Galleriffic that will either eliminate history hash 
marks from appending to the first image all together OR make the first 
Galleriffic page load right off the bat with the history hash mark?

Any help is much appreciated! Thanks!

Original issue reported on code.google.com by club...@gmail.com on 15 Apr 2011 at 12:01

GoogleCodeExporter commented 8 years ago
Update: I think I've officially lost hope. Right now, with the popularity of 
Facebook, it is really important to have like buttons that will take people to 
specific images in a gallery. My coding skills are pretty bad - I thought I had 
figured out how to integrate like buttons with Galleriffic, but I have failed 
miserably... it is not working... Facebook won't pick up the url with the hash 
mark and I can't switch out the og:image and og:title tags in the head per 
image.

Is there anyone out there with the same need/problem/interest? I can't be alone 
in this! 

Thanks.

like button code example:
<iframe 
src="http://www.facebook.com/plugins/like.php?href=INSERTURLHERE&layout=standard
&show_faces=true&width=450&action=like&font&colorscheme=light&height=80" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; 
width:450px; height:80px;" allowTransparency="true"></iframe>

Original comment by club...@gmail.com on 15 Apr 2011 at 8:58

GoogleCodeExporter commented 8 years ago
[deleted comment]
GoogleCodeExporter commented 8 years ago
Hi there

kind of a late reply. Just had the same issue. For me it was a very simple fix.
I had an ">" missing at the end of the a-tag like this: <li><a class="thumb" 
href="path/to/image.jpg" </a></li>
For sure it must be like this: <li><a class="thumb" 
href="path/to/image.jpg"></a></li>

Original comment by mailpete...@googlemail.com on 12 Oct 2014 at 1:52