Random Image Code Results in Unwanted Redirect

TnHiker

I'm a novice HTML programmer who often links to my SmugMug photos from a 100+ page website I operate as a hobby. Recently I inserted a bit of code gleaned from these pages to generate a random image. Everythilng works great except that when I click on the image I get redirected to the smugmug.com instead of my linked gallery. The URL generated by the click starts off as intended but before the display loads it redirects to the smugmug.com homepage. Here is the code I'm using (remove the *'s):

<*div class="right_image"><a href="*http*:*//tnhiker.smugmug.com/gallery/4473102" *target="_new"><*img src=*http*:*//tnhiker.smugmug.com/photos/random.mg?AlbumID=4473102&AlbumKey=dyamC&Size=250x200*img style="float: right;" *alt="Right Image" /><*/a></div>


Here is the link to the code I've customized: http://wiki.smugmug.com/display/SmugMug/Random+Photos+Code

I'd like to either have the action upon clicking to be a new window that loads the gallery indicated by my albumID, OR, I'd like no action at all (no new window, no redirect). Help please. Note that I'm a "standard account level" user.

denisegoldberg

It's really hard to tell what's going on without seeing the url that you used. To include urls without the forum software scrambling, insert some *'s in the code. Remove the *'s from my examples!



I use the random image generation all of the time. Here's an example of some code I used on this blog page - http://denisegoldberg.blogspot.com/2007/11/visions-of-death-valley.html:

<*img src="http://www.denisegoldberg.com/photos/random.mg?AlbumID=3809990&Size=400x400">

If the gallery was created after the new security and privacy implementation, the url needs to include the key as well. Here's an example from one of my newer galleries:

<*img src="http://www.denisegoldberg.com/photos/random.mg?AlbumID=4362693&AlbumKey=ZkBLs&Size=400x400">

--- Denise

denisegoldberg

Oops! I just re-read your question, and I answered something you didn't ask. I'm going to leave my previous answer just in case it helps someone else.

In order to show a photo plus have a click send the viewer into your album, you'll need to use a combination of <A href= and <img src=" statements.

Here's an example (remove the *'s):

<*a href="*http*://www.denisegoldberg.com/gallery/3961344_8Ho4N/1/266079214_vERre"><*img src="*http*://www.denisegoldberg.com/photos/266079214_vERre-450x450.jpg"><*/a>

You do need to include the album key in your a href= statement too. I've had the best luck with picking up the urls (for the link to the album) from the share photo window. And the reference to the album for the link doesn't use a random image. Here's how I embed both the image and the link in my Kaleidoscope gallery:

<*a href="/gallery/3961344" title="Snow!? Winter 2007 to 2008" alt="Snow!? Winter 2007 to 2008">
<*img src="/photos/random.mg?AlbumID=3961344&Size=300x300"></*a>

Can you paste in the code you are using? Make sure to include *s within the code so that the forum software doesn't swallow the url.

--- Denise

TnHiker

Bingo! Problem Solved. Thanks Denise.
Thanks Denise. I used a version of your code for my website and it produced the results I'd wanted. Here is the code I ended-up using:

<*img src=http://tnhiker.smugmug.com/photos/random.mg?AlbumID=4473102&AlbumKey=dyamC&Size=300x240 img style="float: right;">

Also, thanks for the supplemental post about linking to image galleries when clicking the image. I'll incorporate that technique a bit later today.

Great advice!

BeachBill

TnHiker wrote:

Everythilng works great except that when I click on the image I get redirected to the smugmug.com instead of my linked gallery. The URL generated by the click starts off as intended but before the display loads it redirects to the smugmug.com homepage.

You are linking to: http://tnhiker.smugmug.com/gallery/4473102

There is no gallery with ID 4473102 on Smugmug, hense it redirects to the Smugmug home page when it can't find it.

Browse to the gallery you want to link to, then copy the complete URL. I suspect you are just missing the end of the URL which would include an underscore and some more characters.

Sheaf

BeachBill wrote:

You are linking to: http://tnhiker.smugmug.com/gallery/4473102

There is no gallery with ID 4473102 on Smugmug, hense it redirects to the Smugmug home page when it can't find it.

Browse to the gallery you want to link to, then copy the complete URL. I suspect you are just missing the end of the URL which would include an underscore and some more characters.

Yeah, http://tnhiker.smugmug.com/gallery/4473102_dyamC is the full link to the gallery.

TnHiker

Yep, I left off the albumkey
Thanks for the on-target reply. I was leaving-off the album key.

TnHiker

No AlbumKey was the problem...

Sheaf wrote:

Yeah, http://tnhiker.smugmug.com/gallery/4473102_dyamC is the full link to the gallery.

Thanks for your help. I was leaving off the album key on this "new" album.

deef

Hi,

I've just used your code-example and it works just great thx.
Code:
document.write('<*img src=http://tnhiker.smugmug.com/photos/random.mg?AlbumID=4473102&AlbumKey=dyamC&Size=150x150 border=0></a>');

BUT if I copy-paste your code example and edit for my site then it doesn't work anymore. <img src="https://us.v-cdn.net/6029383/emoji/headscratch.gif&quot; border="0" alt="" >


Link: http://nextrategy.smugmug.com/gallery/*4336820_N7KQT

document.write('<*img src=http://nextrategy.smugmug.com/photos/random.mg?AlbumID=4336820&AlbumKey=N7KQT&Size=150x150 border=0></a>');

Can you tell me how I can fix this?!

Thx and greets from the Netherlands.

TnHiker wrote:

I'm a novice HTML programmer who often links to my SmugMug photos from a 100+ page website I operate as a hobby. Recently I inserted a bit of code gleaned from these pages to generate a random image. Everythilng works great except that when I click on the image I get redirected to the smugmug.com instead of my linked gallery. The URL generated by the click starts off as intended but before the display loads it redirects to the smugmug.com homepage. Here is the code I'm using (remove the *'s):


<*div class="right_image"><A href="*http*:*//tnhiker.smugmug.com/gallery/4473102" *target="_new"><*img src=*http*:*//tnhiker.smugmug.com/photos/random.mg?AlbumID=4473102&AlbumKey=dyamC&Size=250x200*img style="float: right;" *alt="Right Image" /><*/a>




Here is the link to the code I've customized: http://wiki.smugmug.com/display/SmugMug/Random+Photos+Code

I'd like to either have the action upon clicking to be a new window that loads the gallery indicated by my albumID, OR, I'd like no action at all (no new window, no redirect). Help please. Note that I'm a "standard account level" user.