Data Controls :: Zoom (Enlarge) Image On MouseOver In Repeater Using JQuery
Jun 16, 2015I am referring the link [URL] ....
View 1 RepliesI am referring the link [URL] ....
View 1 Replies[URL]
used the css and html from the above sample code , but instead of the actual image i get loader image
i am using datalist to display image
<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
<ul class="ProductList">
<asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
[Code].....
I want to know how to enlarge image while hover or click on it ,using datalist from database in binary format..
View 1 RepliesI want to Zoom image inside DataList, but it is not working
<asp:DataList ID="DataList1" runat="server" height="380" width="280">
<ItemTemplate>
<div>
<asp:Image id="img1" ImageUrl='<%# Eval("Image") %>' data-zoom-image='<%# Eval("Image") %>' runat="server" height="380" width="280"/>
</div>
</ItemTemplate>
</asp:DataList>
I have an ASP.NET Image tag where i have bind image URL to display image. I want to zoom image when user take mouse over an image.
View 1 Repliesi need free jquery for zoom in and zoom out image with mouse scrool i google but one of the Query is from the developers side so i can't use thisso where can i get fully free code
View 6 Repliesiam using this jquery for displaying the image....but it displays the image as very small image though image is big...how to enlarge the image..within this code
var newImage = $('<img />');
newImage.attr('src', '<%= ResolveUrl("../../Content/Images/" )%>' + optionData.Image);
$('#Id2').append(newImage);
<asp:ImageField DataImageUrlField="photo" > <ItemStyle Width="50px" Height ="50px"
HorizontalAlign="Center" VerticalAlign="Middle" ></ItemStyle>
</asp:ImageField>
i need to display image from database in gridview. i have the above html and a select query executed from code behind which displays the image.
i am storing the image path in the database table and image in a folder.
Queries related to above
1. image size not able to set
2. the gridview image column will display image if the column data is not blank. but if its blank i have 2 default images male image and female image
so if the field is blank i need to display one of the default images depending on the gender selected
3. if the image is clicked it should show enlarged image as popup
I am looking for a jQuery image zoom script with functonality as like in this link.
Has anyone done this before?
I am looking for scripts which supports with ASP.NET.
I have a Repeater in which i have two columns
first column has bookmarks button like star
I want to change the image of star while click on start button of each record
Means for bookmark the start should be yellow and not book mark it should be gray
How can I do this in grid it should not be post back ....
I am trying to make a user-friendly interface of web page. I want to add images instead of Button to CommandFiend. I think it would be more friendly if show text when the mouse over the image....
View 5 RepliesI have template feile of link button and in that i use img tag to set image and i want to chnage img tag image on mouse over
<asp:TemplateField HeaderText="DELETE">
<ItemTemplate>
<asp:LinkButton ID="lnkDeleteTask" runat="server" CausesValidation="False" OnClick="lnkDeleteTask_Click"><img src="IMG/delete-26.png" alt="" width="18" /></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
I want to change this image on mouse over
Inside Gridview's particular column's every Row I want to open a pop up "on-mouse over", in which i can show different Image of area (diferent image for different row)
Also, i want same requirement "on-mouse over" of Label.
My GridView is:
Stations State Danger Value
aa subah 3
bb PNG 6.9
cc PNG 4
dd KDH 22
ee Subah 10
ff PNG 7
For every Stations row, I want to display different area image "onmouse over" .. How to achieve?
I am currently working in asp.net. I am showing list of employees where I want that when user takes the mouse on any employee's image it should show a small window just beside the pointer which shows some of the details of that employee.
View 1 RepliesHow to obtain details in div using mouseover mouseout settimeout selected label with name inside of the gridview ....
View 1 Repliesi want to display the tooltip using datalist control,
eg i had column like
prodname, more_detail, rate
when i mouse hover on prod_name then display the more_detail near product.
I have a grdiview with tooltip, my question is on how can I view the tooltip in another SELECT
The tooltip in the gridview is not what I want, so the tooltip should be the result of
LEAVE TYPE Total
Vacation Leave 7
Sick Leave 1
[Code].....
I have datalist and I want to change the background color on hover effect ...
View 1 RepliesDisplaying images on gridview is never been a problem to me but how can i enlarge my image onmouseover event in gridview?
View 2 Repliesapp would be in asp.net and c# (4.0)
View 3 RepliesI have one repeater that has one image(image1) bound from data base .also i have one pop up div that has another image(image2) without any image url.i wanna when click on image1 thats url put in image2's url and my pop up div show
View 1 RepliesI m ina problem and don't know how to fix it: I have six imagebuttons what i want is whenever user will click on any one of it he should be navigated to other page where the same image should be displayed enlarged- Now for that my aspx source code for awards page where all imagebuttons lies is-
[Code]....
Now where should i use querystring to hold imageurl in above code and how can u plz provide me the required code Secondly, on second page i am using aspx image control to show enlarged image How can i use querystring to assign imageurl of previous page image button to it
I have two Picture Libraries. One has pictures and the other contains the thumbnails created programmatically by me. I am displaying the thumbnails into a custom webpart. I need to display the original pictures on mouseover on the thumbnails displayed in webpart and the originals displayed should dissappear on mouse out.
View 1 RepliesI want to show image with size.when the cursor will hover to image it will show size like google image.
View 1 Replies[URL].... I got correct code .. but image is not stable on mouse over.... little bit flying...
and on mouse out still previous image will display.....
Requirement:
I have grid with some product details.. like product id ,price,description. on mouse over of each row. should display a image of particular product thumb nail..