Is this possible...

[iBrian]

Is this possible….

If I'm using an all thumbnails view, can I somehow modify the image navigation control to include a link that will return my users back to the thumbnails for that gallery?

For example instead of this, "<Prev 23 of 94 Next>" can I replace the "23 of 94" with a link that returns to the thumbnails for that gallery.

Maybe it would look something like this, "<Prev | INDEX | Next>".

Thanks,

[Andy]

Is this possible….

If I'm using an all thumbnails view, can I somehow modify the image navigation control to include a link that will return my users back to the thumbnails for that gallery?

For example instead of this, "<Prev 23 of 94 Next>" can I replace the "23 of 94" with a link that returns to the thumbnails for that gallery.

Maybe it would look something like this, "<Prev | INDEX | Next>".

Thanks,

Probably - it would need a Javascript hack, and that would require bigwebguy or devbobo. So, stay tuned, and bump this in a day if you get no traction :)

[iBrian]

Thanks Andy! I love how customizable Smugmug is!

Probably - it would need a Javascript hack, and that would require bigwebguy or devbobo. So, stay tuned, and bump this in a day if you get no traction :)

[iBrian]

Anybody?

[devbobo]

Anybody?
hi Brian,

Sorry I missed this one, try this..

javascript code...


function fixPhotoNav()
{
oPhotoNav = YD.getElementsByClassName("photoNav", "div");

for (i=0; i < oPhotoNav.length; i++)
{
re = /gallery\/([\d]+)\//;
oTitle = YD.getElementsByClassName("title", "span", oPhotoNav[i]);
if (re.test(window.location))
{
re.exec(window.location);
oTitle[0].innerHTML = "|&nbsp;<a href=\"/gallery/" + RegExp.$1 + "\">index</a>&nbsp;|";
}
}
}

footer code...

<*script*>
if (YD.hasClass(document.body, "singleImage"))
fixPhotoNav();
</*script*>

Note remove the *'s.

Cheers,

David

[brandofamily]

the code is FANFRICKIN' TASTIC:clap:clap:clap

But I have one small prob.... I have had customers e-mail me orders and use the image number as the reference.... as in "I wish to by # 28 of 128."
Any thoughts on how to achieve the "index" link and still have the number of the pic?

[devbobo]

the code is FANFRICKIN' TASTIC:clap:clap:clap

But I have one small prob.... I have had customers e-mail me orders and use the image number as the reference.... as in "I wish to by # 28 of 128."
Any thoughts on how to achieve the "index" link and still have the number of the pic?

Thanks Anthony.

Tell me how u want it done and I will mod the code :D

[brandofamily]

Thanks Anthony.

Tell me how u want it done and I will mod the code :D
could it be

<prev| 1 of 128 | next> ..................................Return to Index
(This part left Justified) ................................(this part centered)

Or set it up so a user could adjust that text to their taste?
Edit: i see that i CAN adjust the text... so I guess that's not an issue..... using my limited ability, It seems that the code replaces the "1 of 128" element.... So I guess I'm asking to not replace the element, but to add a "new" piece. I gues it could be centered in the gap between the "next" and the buy options...

[iBrian]

This is exactly what I was hoping could be done!!!

Anthony does make a good point. Is it possible to display the "1 of 128" somewhere else on the screen?

Thanks again!

Brian

[brandofamily]

could it be

<prev| 1 of 128 | next> ..................................Return to Index
(This part left Justified) ................................(this part centered)

Or set it up so a user could adjust that text to their taste?
Edit: i see that i CAN adjust the text... so I guess that's not an issue..... using my limited ability, It seems that the code replaces the "1 of 128" element.... So I guess I'm asking to not replace the element, but to add a "new" piece.
After looking at a page that allows for sales... centering the "return to index" does not look like it would work. Not enough space. But I would like the "1 of 128" and the "index" both there in some fahion, if possible...

[brandofamily]

Thanks Anthony.

Tell me how u want it done and I will mod the code :D
just bumping so this does not get lost... the board is moving quickly these days...

[Ryan Armbrust]

Very interested in this code, sounds great.

[brandofamily]

Thanks Anthony.

Tell me how u want it done and I will mod the code :D
waiting patiently... bump to keep it alive...

[ExposeTheMoment]

yea this code looks cool, I'd like to add it too

[devbobo]

could it be

<prev| 1 of 128 | next> ..................................Return to Index
(This part left Justified) ................................(this part centered)



Anthony,

here's the modified function, i will let you sort out centering the return to index...


function fixPhotoNav()
{
oPhotoNav = YD.getElementsByClassName("photoNav", "div");

for (i=0; i < oPhotoNav.length; i++)
{
re = /gallery\/([\d]+)\//;
oTitle = YD.getElementsByClassName("title", "span", oPhotoNav[i]);
if (re.test(window.location))
oTitle[0].innerHTML = "|&nbsp;" + oTitle[0].innerHTML + "&nbsp;|";
re.exec(window.location);
oPhotoNav[i].innerHTML = oPhotoNav[i].innerHTML + "<span ><a href=\"/gallery/" + RegExp.$1 + "\">return to index</a></span>";
}
}

[brandofamily]

Thanks you sir.... you are truely the best.... We here at the SM group are blessed to have people like you around to help...

[ExposeTheMoment]

Thanks you sir.... you are truely the best.... We here at the SM group are blessed to have people like you around to help...

Hey I added the code,it works but I also looked at your site, mouse to the next in a gallery and move it slowly to the right, it wants to use the link for return to index, but the mouse won't be on the text.

I hope that made sence.

Gary

[brandofamily]

Anthony,

here's the modified function, i will let you sort out centering the return to index...


function fixPhotoNav()
{
oPhotoNav = YD.getElementsByClassName("photoNav", "div");

for (i=0; i < oPhotoNav.length; i++)
{
re = /gallery\/([\d]+)\//;
oTitle = YD.getElementsByClassName("title", "span", oPhotoNav[i]);
if (re.test(window.location))
oTitle[0].innerHTML = "|&nbsp;" + oTitle[0].innerHTML + "&nbsp;|";
re.exec(window.location);
oPhotoNav[i].innerHTML = oPhotoNav[i].innerHTML + "<span ><a href=\"/gallery/" + RegExp.$1 + "\">return to index</a></span>";
}
}

Dev can you check out my site in IE and see if there is anything you can figure out to fix this... You'll see what the issue is when you hover "around" the "next" and "return to index" text/ button...

[devbobo]

Dev can you check out my site in IE and see if there is anything you can figure out to fix this... You'll see what the issue is when you hover "around" the "next" and "return to index" text/ button...
Brando,

I had a look into the problem, seems most of the time on the hover you get this error message.

document.getElementById("floatingPreview") has no properties

This problem is to do with a small issue with one of JT's functions. He is going to fix it, but until then perhaps you can turn off if u are concerned about it, using...

showImagePreview = false;


Cheers,

David

[brandofamily]

Brando,

I had a look into the problem, seems most of the time on the hover you get this error message.

document.getElementById("floatingPreview") has no properties

This problem is to do with a small issue with one of JT's functions. He is going to fix it, but until then perhaps you can turn off if u are concerned about it, using...

showImagePreview = false;


Cheers,

David

being a bit slow... where does that code go... must be JS, but where should I add it in?

[devbobo]

being a bit slow... where does that code go... must be JS, but where should I add it in?

in your js block :thumb

[brandofamily]

I put it in at the end of the JS block. And it did stop the dropdown preview image. But did not fix the problem. I think the problem is that the span you created for the "return" button gets wider when I set a margin-left to move it over... The span width does not matter in FF seemingly. But does in IE. When you hover the span at ANY portion you are hovering the whole thing... I hope that makes sense...