close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Activate right click --> Save as on Slimbox

Thread began 9/18/2012 7:38 am by rikaG_510 | Last modified 9/20/2012 8:24 pm by rikaG_510 | 1800 views | 4 replies |

rikaG_510

Activate right click --> Save as on Slimbox

I managed to applied Slimbox to my gallery, but I have one more question. Hope you could help me on this one too.

When I click on each thumbnail and slimbox comes up, I can right click, but doesn't give me the option to save the image directly.

In Slimbox's FAQ section, they had below note;

[Is there a way for the visitors of my website to save the images displayed by Slimbox?]
FAQ#Is_there_a_way_for_the_visitors_of_my_website_to_save_the_images


And this is my Image link:

<a href="images/detail/<?php echo $row_race2012['FileName']; ?>" rel="lightbox-detail" title="<?php echo $row_race2012['Title']; ?>" ><img src="images/Thumbs/<?php echo $row_race2012['Thumbs']; ?>" alt="<?php echo $row_race2012['Thumbs']; ?>" /></a>

In FAQ it says "if Slimbox is opened by clicking on an image link, your visitors can right-click on that link and choose "save target as..." to save the image."

My link for Slimbox is not an image link?
I checked in 3 different browser and Chrome and Safari doesn't allow me, but Firefox does let me.

How can I fix this?

Rika

Sign in to reply to this post

Jason ByrnesWebAssist

what the documentation is saying is that the thumbnail link can be downloaded by right clicking on the thumbnail.

if you want to be able to download the large image, you need to read further and define the link mapper function:

  If it's not enough for you and you want the visitors to be able to save the image from inside Slimbox, you can modify the "autoload code block" so that a link to the image is added automatically after the image caption. This is achieved by defining a linkMapper function...  
Sign in to reply to this post

rikaG_510

Ok, I kind of knew this was coming...

I did read the whole thing, but I don't know much about JavaScript, so didn't make much sense to me. First define the link mapper function, and then modify the autoload code block?

Checked the meaning/relation of DOM, node, firstchild etc, but it's just not possible to apply my needs to what they are suggesting.

Would it be too much to ask you for further help on this since slimbox is not WA products? If you could it would be great and this is my image link to activate slimbox on my gallery page;

<a href="images/detail/<?php echo $row_race2012['FileName']; ?>" rel="lightbox-detail" title="<?php echo $row_race2012['Title']; ?>" >
<img src="images/Thumbs/<?php echo $row_race2012['Thumbs']; ?>" alt="<?php echo $row_race2012['Thumbs']; ?>" /></a>

And how would I change the link mapper function?

function(el) {
return [el.href, el.title];
}

Sign in to reply to this post

Jason ByrnesWebAssist

We cant offer support for implementing slimbox in this forum.

We could help[ you with this in a premiere support appointment, premiere support is the service we have in place for custom development.

Sign in to reply to this post

rikaG_510

OK, thank you for letting me know and for your help thus far.

I'll try to dig into this by myself a litte more or seek for other ways.

Rika

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...