how to add below function to image in asp.net

Question

0.00/5 (No votes)

See more:

hi i am developed a image gallery in asp.net ..in that having hyperlink so i am write below code for that in header part..now i would like write for asp image1 ..so how to change the script in asp.net

my script:

ASP.NET

<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script> 
 
in aspx file;;
<a href='<%# Eval("Name","admin/galimg/{0}")%>' rel="prettyPhoto[pp_gal]" title="Gallery">
<img src='<%# Eval("Name","admin/galimg/{0}")%>' class="img_gallery" alt='<%# Eval("Name") %>' />
</a>
 
 <asp:Image ID="Image1" runat="server" class="img_gallery"  ImageUrl='<%# Eval("imagepath") %>' />

Posted 20-Dec-15 23:56pm

Member 10575434

Updated 21-Dec-15 0:03am

Andy Lanng

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

xszaboj · Answer 1 · 2015-12-21T02:56:00

if you would read one more line of documentation here:
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation[^]

You would know that:
“Just add rel=”prettyPhoto” to the link you want prettyPhoto to be enabled on. Refer to the demos on the main project page for all the possibilities.”

So you don't want to put rel attribute on you image, but on your anchor tag.

so you have to wrap asp:Image into anchor with correct rel tag
example:

ASP.NET

<a href="#" rel="prettyPhoto"> 
<asp:Image ID="Image1" runat="server" class="img_gallery"  ImageUrl='<%# Eval("imagepath") %>' />
</a>

Another solution is to change your selector:

$("a[rel^='prettyPhoto']")

to something else ;)