Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 530
  • Last Modified:

Photoalbum using ListView and Lightbox jquery plugin

http://aspdotnetcodebook.blogspot.com/2010/06/photoalbum-using-listview-and-lightbox.html

I need to insert a delete link

   <%-- <asp:LinkButton ID="lnkDelete" runat="server" CommandName="Delete" Text="Delete" />--%>
0
omegalove
Asked:
omegalove
  • 3
  • 3
3 Solutions
 
Shinesh PremrajanEngineering ManagerCommented:
<script type="text/javascript">
        $(function() {
             $('#images  a').lightBox({ fixedNavigation: true });
             $('#images  a').append('<img src="images/cross.gif" onclick="callremove('+this+')" class="deleteimage" />");

        });
    </script>

You can use the jquery to add the delete cross image over the image. And onclick of the image you will have the callremove function been called.function callremove(obj) will need to be written to clear the image from the album.This can be done with the getelementbyid tag.

Hope this helps
0
 
omegaloveAuthor Commented:
<script type="text/javascript">
       <script type="text/javascript">
        $(function() {
             $('#images  a').lightBox({ fixedNavigation: true });
             $('#images  a').append('<img src="images/cross.gif" onclick="callremove('+this+')" class="deleteimage" />");

        });
    </script>

It opens the image up?
0
 
Shinesh PremrajanEngineering ManagerCommented:
http://www.balupton.com/sandbox/jquery-lightbox/demo/

Hope this jquery site will resolve your issues
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
omegaloveAuthor Commented:
still confused.
0
 
Shinesh PremrajanEngineering ManagerCommented:
ok fine, Did u defined the function callremove(). If there is any screenshot then it will give more idea to resolve the issue.

if the function callremove() is not defined then define like this
function callremove(obj){

alert("Selected object is :"+obj.value);

}

Hope this helps
0
 
omegaloveAuthor Commented:
<script type="text/javascript">
       $(function () {
           $("a.lightbox").lightBox();
           });
  </script>
the problem was the css was being wrapped around the listview


                                                       
This did the job.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now