PDA

View Full Version : BB Code Enhancements - Flickr Set Slideshow - bbcode


hiker
05-26-2010, 10:00 PM
I was very frustrated in my search for an easy bbcode hack for Flickr. I tried the basic iframe but Flickr put a stop to that in a half second.

I'd love to find a way to just copy the entire url and quickly paste it in between the tags, but I've had no such luck in my search across the series of tubes we call the interwebs. If anybody has a solution I would love to have it.

In the meantime, this method is working out pretty decently. Rather than grabbing the whole url of the Flickr Set, you/your members will need to copy the set id, the last numbers in the url.

This is my second mod, the first is my picasaweb hack, posted @15 minutes ago so I hope I'm giving you adequate information.

Title: Flickr Slideshow

Tag: flickr

Replacement:
HTML Code:
<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id={param}&user_id={param}&set_id={param}&text={param}" frameBorder="0" width="600" height="600" scrolling="no"></iframe>

Example: 72157620997452434

Description: Embeds a Flickr Set Slideshow into your post

Use {option}: No

Button Image: (upload my attached "flickr.gif" if you like)

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: No

Disable Smilies Within This BB Code: No

Disable Word Wrapping Within This BB Code: No

I have a tutorial video for my members and a sample slideshow if you'd like to take a look:
http://www.bogley.com/forum/showthread.php?39408-Embed-a-Flickr-Slideshow

As I said on my picasaweb mod (https://vborg.vbsupport.ru/showthread.php?t=243366)
...I'll have to say NO on the support at this time, I'm still a noob and not that great at problem solving, I'm hoping the community can chime in with any issues.

Thanks.

hiker
05-27-2010, 02:51 PM
I am using vb 4.0.2 by the way

Gaprofitt
07-05-2010, 12:46 PM
In what file and placement does the code go?

Thanks,

Greg

hiker
07-05-2010, 07:40 PM
Admincp > Custom BB codes > Add new BB code.

Then just fill in the blanks. :)

Gaprofitt
07-06-2010, 01:32 AM
Admincp > Custom BB codes > Add new BB code.

Then just fill in the blanks. :)

Weird, I got it working but it's showing other people's photos..

For example I used this set ID between the tags.

http://www.flickr.com/photos/profitt/sets/72157624328201052/

The link seems to work fine.

Any thoughts?

hiker
07-06-2010, 04:34 AM
Weird, I got it working but it's showing other people's photos..

For example I used this set ID between the tags.

http://www.flickr.com/photos/profitt/sets/72157624328201052/

The link seems to work fine.

Any thoughts?

are you using that whole url or just the set id of 72157624328201052? It's meant to just use the set id.

Can you show me a link of your example?

Gaprofitt
07-06-2010, 12:49 PM
are you using that whole url or just the set id of 72157624328201052? It's meant to just use the set id.

Can you show me a link of your example?

I just used the set ID

72157624431376072

Here is the thread

http://www.varietyforums.com/showthread.php?310-Biloxi-Trip-7-1-2010

The set link is

http://www.flickr.com/photos/profitt/sets/72157624431376072/

hiker
07-06-2010, 01:10 PM
Here is the thread

http://www.varietyforums.com/showthread.php?310-Biloxi-Trip-7-1-2010



Is that a private forum? It asks for a login.

Gaprofitt
07-06-2010, 01:40 PM
Is that a private forum? It asks for a login.

Give it a go now.

hiker
07-06-2010, 01:47 PM
:o oops, I just noticed I had "picasa" in the tag name rather than "flickr". That's fixed now.

Would that happen to be part of your problem?

Gaprofitt
07-06-2010, 03:05 PM
:o oops, I just noticed I had "picasa" in the tag name rather than "flickr". That's fixed now.

Would that happen to be part of your problem?

I have the tag name as flickr. Can you try my set ID on your site as a test? Maybe it's my vbulletin version or something with my flickr account.

The code didn't have the double quotes, does this formatting look right?

<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id="{param}"&user_id="{param}"&set_id="{param}"&text="{param}" frameBorder="0" width="600" height="600" scrolling="no"></iframe>

My email is greggap@gmail.com if that is easier, my name is Greg. Thanks for all your help..

tamiyausa
07-06-2010, 08:47 PM
Works great!

hiker
07-06-2010, 08:59 PM
I have the tag name as flickr. Can you try my set ID on your site as a test? Maybe it's my vbulletin version or something with my flickr account.

The code didn't have the double quotes, does this formatting look right?

<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id="{param}"&user_id="{param}"&set_id="{param}"&text="{param}" frameBorder="0" width="600" height="600" scrolling="no"></iframe>

My email is greggap@gmail.com if that is easier, my name is Greg. Thanks for all your help..

Sorry, your set 72157624431376072 is working just fine on my end, it's only showing the 5 photos in the slideshow, the same photos shown here: http://www.flickr.com/photos/profitt/sets/72157624431376072/

as for that code, don't add the extra quotes, just copy and paste exactly the code that is listed into your replacement box.

hiker
07-06-2010, 08:59 PM
Works great!

:cool: Thanks for the feedback

ricardoNJ
07-07-2010, 05:32 AM
Work perfectly in 3.8.4 :)

funmasti
07-07-2010, 11:01 AM
let me give a try

jacobsen1
09-23-2010, 06:36 PM
installed, thanks.

anyway to change the background color or make it loop automatically?

hiker
09-23-2010, 11:25 PM
Sorry, not to my limited knowledge

ttran
04-22-2011, 12:34 PM
Hi bogley
Can you do this code for photobucket?
Thanks!

hiker
04-22-2011, 06:42 PM
I do have a BBcode for Photobucket, I'll set a reminder for tonight and I'll give you the link when I publish that mod. :)

oops, you know what? I think I just used this code: https://vborg.vbsupport.ru/showthread.php?t=235129

ttran
04-23-2011, 08:48 PM
I do have a BBcode for Photobucket, I'll set a reminder for tonight and I'll give you the link when I publish that mod. :)

oops, you know what? I think I just used this code: https://vborg.vbsupport.ru/showthread.php?t=235129

Hi Bogley,
your flickr works great even though when I added it said:
The following BB Code replacement may not be properly formed. All HTML attributes should be enclosed within double quotes.

<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id={param}&user_id={param}&set_id={param}&text={param}" frameBorder="0" width="600" height="600" scrolling="no"></iframe>
but I just click on "continue" and it was just fine.

But for the photobucket at the link you said you used that code, it just couldn't work. When I try on my forum it just has the logo of photobucket and trying to load the slide and that's all I got. Any thought about it?
Thanks!
btw, do you have this mode for flickr video as well?

Delfi_r
07-18-2011, 07:30 AM
Installed and working on 4.1.4 and vBCMS. Thanks for this valuable mod.

If you get it stripping the whole url not just the ID, it would be very nice to use but for now I love it. It's better to publish a slideshow than a lot of images in a post.

Ramsesx
08-14-2011, 02:00 PM
Nice hack but how is it regarding copyright infringement and the legal side when embedding flickr images via iframe?

Ramsesx
08-17-2011, 09:16 PM
To answer this question by myself, seems it's ok because this site (http://flickrslidr.com/) is offering the embedding code since years.
The hack works fine on 4.1.5, thanks for sharing.

misericorde
10-19-2011, 06:45 AM
Thank you working for 4.1.7

Very Nice

Nominated

JMillerUA6
04-16-2013, 12:21 PM
Works beautifully, thanks!

john7911
02-02-2014, 12:46 PM
Thank you ;)
work great on 4.2.2

rharbison
03-28-2014, 04:05 AM
Update for the newest version of flickr iframe:

<iframe align="center" src="https://www.flickr.com/photos/{param}/in/photostream/player/" width="800" height="547" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

The user must now copy both their user name and the photo ID. That's not a problem, they're side by side in the url, so it's a simple cut and paste.

Tested and running on my forum, presented as is, no guarantee.

Phat Phreddy
03-29-2014, 08:09 AM
Update for the newest version of flickr iframe:

<iframe align="center" src="https://www.flickr.com/photos/{param}/in/photostream/player/" width="800" height="547" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

The user must now copy both their user name and the photo ID. That's not a problem, they're side by side in the url, so it's a simple cut and paste.

Tested and running on my forum, presented as is, no guarantee.

So how should this work ?

I have replaced the code with your code above.. And am using

{flickr]username/99999999[/flickr]

With my own username/set ID number cut and pasted from the flickr URL

And thats clearly not working..

Tried the same with the cut and paste from the URL of username/set/999999999999

Whats the format ??

rharbison
03-29-2014, 04:02 PM
That's the correct format. See it in action here:

http://www.pnwphotos.com/forum/showthread.php?10198-Sharing-images-from-Flickr

Did you follow the instructions at the beginning of the thread? You create the BBCode exactly as the OP specified, but you insert the code I provided above.

rharbison
03-29-2014, 04:04 PM
So how should this work ?

I have replaced the code with your code above.. And am using

{flickr]username/99999999[/flickr]

With my own username/set ID number cut and pasted from the flickr URL

And thats clearly not working..



Well, if that's a cut and paste, I've found your problem! {flickr] Should be [ not {

Phat Phreddy
03-30-2014, 02:05 AM
That's the correct format. See it in action here:

http://www.pnwphotos.com/forum/showthread.php?10198-Sharing-images-from-Flickr

Did you follow the instructions at the beginning of the thread? You create the BBCode exactly as the OP specified, but you insert the code I provided above.

I replaced the OP code with your code..

If its insert is it before or after the initial code ??

Phat Phreddy
03-30-2014, 02:08 AM
Well, if that's a cut and paste, I've found your problem! {flickr] Should be [ not {

No thats just a typo.

Phat Phreddy
03-30-2014, 02:56 AM
Also of annoyance even if working, and I realize this isnt the coders fault but flickrs, is it now exposes the persons flickr handle linking real life flickr account to forum profiles. The flickr user name becomes visible in any quoted post.

On my forum people like anonymity and this could lead to stalking and real world issues.

bmwpassion
12-04-2016, 07:55 PM
Hi there guys,

Is there any update?? This bbcode doesn't work meanwhile.