Customize JQuery Lightbox_plus([login to view URL]) to add link to enlarged picture box.
<Description>
Please customize JQuery Lightbox_plus provided at the link above to implement link function(see attached file [login to view URL])
The customize point is that when you click center ofenlarged picture box, it will link to other page instead of closing the box.
I will use Ruby on Rails to call this JQuery. My code will be like this below. If this code also needs to change or something mistaken, I am very appreciated if you include revised code in your output.
<RoR code (extracted)>
--view--
<%= javascript_include_tag 'lightbox_plus' %>
<script type="text/javascript">
$(function() {
$('.thumbnail a').lightBox()
});
</script>
<div id="index-right" class="clearfix">
<ul class="thumbnail">
<% @[login to view URL] do |picture| %>
<% @detail = [login to view URL] %>
<div id="thumbnail">
<li><%= link_to(image_tag([login to view URL](:thumb)), [login to view URL](:original), :rel => 'lightbox[pictures]' ) %></li>
#the line above, I'd like to add :rev(or other) preference so that it will form a link
# e.g. :rev => detail_path(:id => [login to view URL], :picture_id => @[login to view URL])
#please show example how to use customized Lightbox_plus
</div>
<% end %>
</ul>
<br />
<p><%= will_paginate @pictures %></p>
</div>
<% unless @[login to view URL] %>
<ul class="thumbnail">
<div id="thumbnail">
<%= link_to(image_tag(@[login to view URL](:medium)), @[login to view URL](:original)) %>
</div>
</ul>
<% end %>
--view--
<Supposed Output>
customized [login to view URL] file
sample ruby on rails code
<Environment>
My website use followings;
jQuery JavaScript Library v1.4.3
Ruby on Rails 3.0
ruby 1.8.7
<Further Information>
If you need any information or have any questions, please feel free to contact. Thank you.
Hi akiko,
I have 4 years of experience in Web application development using Ruby on Rails framework & web stack 2.0. Previously I worked on some rails projects with jQuery. Attached sample code for reference. Check message.
Thanks,
rorwebcoder