Generate customised HTML code for galleries...

encosionencosion Registered Users Posts: 100 Major grins
edited July 22, 2009 in SmugMug API Support & Integrations
Hiya,

I'm considering smugmug as my choice of online photo storage... I have one niggle left though : I have my own site (http://encosion.com/) which is basically a phpBB forum, which I'm using to document my travels whilst keeping in touch with my family and friends...

So I'm wanting to post multiple thumbnails linking to larger versions... The forum accepts HTML code... I know smugmug provide tools for doing something like this per image, but I really need a solution for whole batches of images (per gallery? the entire gallery)... Take a look at what I'm currently doing on my site (Images and code generated by Photobucket) : http://encosion.com/viewtopic.php?t=11 : that's what I want to continue doing but through smugmug instead...

Is this possible? Can you show me any examples pretty please? Once this is cleared up, I'll start my trial and most likely subscribe...

CLARIFYING:

In a smugmug gallery, when you're viewing an individual picture you get the chance to "share photo: links, forums, blogs" for individual images... What I want is something similar but for multiple images... I.E. All the images in a gallery... So if I wanted to update my site, it wouldn't be a case of tediously gathering all the individual links together...

Through Photobucket, I'm able to get code generated for me for any combination of images I want... This saves me time I won't have when I'm travelling... I take this code and paste it into my website and voila! Here's an example of the code that Photobucket generates:

[The code doesn't embed very well on this forum!!!]

That's what I'm need to post the images on my forum / site...

Zoto.com have a similar undocumented hack, which enables me to make my own code generator... Here's an example of a page hosted on someone else's site... This code calls the images from Zoto, displays them as clickable thumbnails, when you click an image the relevant code gets thrown into the text box... When I've finished selecting a bunch of images I want for my post, I cut 'n paste it into my site... Take a look at this example on someone else's site:

http://www.nwhikers.net/forums/uploads/zoto_bbcode.html

People don't visit this page, just the site owner... The site owner uses it to generate code needed for posting these images on his site... It might help you to look at the source code for this page... If I customise this page and replace http://kordless.zoto.com/... with http://encosion.zoto.com/... It'll show picture that I have uploaded instead of this other user (kordless)...

Will call all images from the gallery ("GAL") called "sunn" in my account
("encosion") on Zoto.com...

Hope this is clear...
Canon EOS 500D (Kiss X3)
85mm f/1.8, 17-50 + 28-75m f/2.8 lenses
iMac 24" 2.8 GHz Intel Core 2 Extreme, 4Gb RAM, OSX 10.5.7
http://encosion.com/ | http://encosion.smugmug.com/

Comments

  • flyingpylonflyingpylon Registered Users Posts: 260 Major grins
    edited December 16, 2005
    I have something that may help you. I created a little web site that allows you to export data from your smugmug albums. One of the things you can export is a "thumbnail gallery" where all of the thumbnails link to the large version of the photo.

    Log into the site, click on "albums", then click on "thumbs" for the album you want and then click on "Create thumbnail gallery HTML". You'll get nice clean HTML you can just copy and paste into your web pages.

    Smugmug Exporter

    Note that you'll need to have external sharing turned on for any of this to work, but it sounds like you may have that turned on already.
  • encosionencosion Registered Users Posts: 100 Major grins
    edited December 16, 2005
    flyingpylon wrote:
    Smugmug Exporter
    Perfect thanks... I've been cutting and pasting from the source code on smugmug, then runnning a macro with reg expressions to clean it up in TextPad... This may just be the better option!
    Canon EOS 500D (Kiss X3)
    85mm f/1.8, 17-50 + 28-75m     f/2.8 lenses
    iMac 24" 2.8 GHz Intel Core 2 Extreme, 4Gb RAM, OSX 10.5.7
    http://encosion.com/ | http://encosion.smugmug.com/
  • chet79chet79 Registered Users Posts: 64 Big grins
    edited September 2, 2006
    heya, this seems to have been discontinued. It's exactly what I need.

    ps. photobucket can do this, without the need of an add-on. Is there any possibility that smugmug will do the same in the future?
  • encosionencosion Registered Users Posts: 100 Major grins
    edited November 23, 2006
    Yeah... It worked great whilst I was on holiday... But, uh, yeah... It would be great to have something similar again... Anyone?

    I very basically want the produce a bunch of thumbnails linking to the Original file... Not a lot to ask... I find the default smugmug gallery too cluttered and you can't see ALL the thumbnails at once...

    Anyone?
    Canon EOS 500D (Kiss X3)
    85mm f/1.8, 17-50 + 28-75m     f/2.8 lenses
    iMac 24" 2.8 GHz Intel Core 2 Extreme, 4Gb RAM, OSX 10.5.7
    http://encosion.com/ | http://encosion.smugmug.com/
  • ivarivar Registered Users Posts: 8,395 Major grins
    edited November 23, 2006
    Could our feeds be an option for you?
    Ivar
    www.ivarborst.nl & smugmug
  • encosionencosion Registered Users Posts: 100 Major grins
    edited November 23, 2006
    Yeah... Better thanks... I'd still need to write a hellish RegEx script in TextPad (or similar since I'm on a mac these days) to get it to format a little more to my liking...

    But I think it'd be easier than doing it from the source of the ARRANGE page (which I was using on my travels 'cos all the thumbnails are displayed)...

    Ideally though, it'd be great if you could add a simple option that'd generate fairly generic code for a gallery such like Photobucket:
    <center>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0414.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0414.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0413.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0413.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0412.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0412.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0411.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0411.jpg"></a>
<br><br>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0410.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0410.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0409.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0409.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0407.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0407.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0406.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0406.jpg"></a>
<br><br>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0405.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0405.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0404.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0404.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0403.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0403.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0400.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0400.jpg"></a>
<br><br>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0399.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0399.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0397.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0397.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0395.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0395.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0394.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0394.jpg"></a>
<br><br>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0393.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0393.jpg"></a>
<a href="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/CIMG0392.jpg" target="_blank">
<img src="http://i17.photobucket.com/albums/b61/encosion/20051002%20Charity%20Ball/th_CIMG0392.jpg"></a>
</center>

    Arrgh! The [ code] and [ php] buttons don't work as I had anticipated... Was trying to paste the code into this post so that you could see an example... But instead it's parsing the code!
    Canon EOS 500D (Kiss X3)
    85mm f/1.8, 17-50 + 28-75m     f/2.8 lenses
    iMac 24" 2.8 GHz Intel Core 2 Extreme, 4Gb RAM, OSX 10.5.7
    http://encosion.com/ | http://encosion.smugmug.com/
  • chet79chet79 Registered Users Posts: 64 Big grins
    edited December 12, 2006
    any updates on this?
  • devbobodevbobo Registered Users, Retired Mod Posts: 4,339 SmugMug Employee
    edited December 12, 2006
    I have actually been working on a Flock photo service for SM, which allows photoblogging directly...

    113217078-L.jpg


    images from the top bar can be drag-n-dropped into blogger, vbulletin, etc


    Cheers,

    David
    David Parry
    SmugMug API Developer
    My Photos
  • chet79chet79 Registered Users Posts: 64 Big grins
    edited December 12, 2006
    devbobo wrote:
    I have actually been working on a Flock photo service for SM, which allows photoblogging directly...

    images from the top bar can be drag-n-dropped into blogger, vbulletin, etc


    Cheers,

    David
    I like the look of that :)

    Nice photos too by the way!
  • chet79chet79 Registered Users Posts: 64 Big grins
    edited January 26, 2007
    any updates on this? :)
  • thenimirrathenimirra Registered Users Posts: 697 Major grins
    edited February 17, 2008
    bump. I would like to be able to embed photos in my blogspot. Do we have any updates on this yet? It's a great idea?
    Sheba Wheeler -- Picture Your World Photography
    www.pictureyourworld.net
    http://pictureyourworldphotography.blogspot.com/
    http://www.onedayonepicture.com
  • denisegoldbergdenisegoldberg Administrators Posts: 14,370 moderator
    edited February 17, 2008
    thenimirra wrote:
    bump. I would like to be able to embed photos in my blogspot. Do we have any updates on this yet? It's a great idea?
    I put an answer in your "critique my blog" thread showing how to embed a photo in your blog using html. It's not pre-generated code, but it does work quite nicely (at least until there is a better option!). Info is in http://www.dgrin.com/showpost.php?p=754142&postcount=6.

    --- Denise
    https://www.denisegoldberg.com ... https://denise.smugmug.com

    Musings & ramblings at https://denisegoldberg.blogspot.com
  • SamirDSamirD Registered Users Posts: 3,474 Major grins
    edited July 22, 2009
    flyingpylon wrote:
    I have something that may help you. I created a little web site that allows you to export data from your smugmug albums.
    I needed something like this. :cry
    Pictures and Videos of the Huntsville Car Scene: www.huntsvillecarscene.com
    Want faster uploading? Vote for FTP!
Sign In or Register to comment.