.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

Jquery Image Slider

Posted By:      Posted Date: October 04, 2010    Points: 0   Category :ASP.Net


I want to implement a jquery image slider exactly like the one in this website http://www.ea.com/ , placed at the bottom of the page

I have searched for the examples that can help in building this type of demo but still not succeded.

Can anyone know any example to build this image slider?

Any help will be really appreciated. 



View Complete Post

More Related Resource Links

slideshow image gallary using jQuery



i need a gallary like following link.


actually,i bound multiple image in a gridview using handler(.ashx).

for example,in one dep_id(1),there are 6 image and i need to slideing one by one.

could some one help me,how i can do like this?

i think is it easy in jquery.

please someone help me.

Thanking you.

image slider control

Hiiiii Coders, I m designing my home page. Now here i want a section where five images can be displayed one at a time. For displaying five images there will be five buttons. Whenever user will click on first button it will show first image, if he clicks on second button second image should be displayed, similarly if he clicks on third button third image should be displayed and so on. for making things more clear, please visit the url:  http://www.sterlitetechnologies.com/ see the leftmost bottom section of this page How can i achieve this if this is in javascript plz provide complete code as i m newbie to javascript thanx and regards

jquery image loader in asp.net repeater

Hello folks., i am binding images to repeater from database. i want to load images one by one till that time imageloader.gif should display in place of all the loading Images. Plz suggest me any idea,i would like to use jquery for this.. thank youHello folks.,i am binding images to repeater from database.i want to load images one by one till that time imageloader.gif should display in place of all the loading Images.Plz suggest me any idea,i would like to use jquery for this..thank you

Refresh an image with jquery

Hi,how can I refresh an image with below script.This  url returns '/CAPTCHAImage' an gif. I can get image with this but I can't set the gif to img.How can I do this?Kind regards.$.get('/CAPTCHAImage', function(data) { $("#guvenlikKodu").attr("src",data);});

Jquery to display image map in sharepoint


I need to use google maps in sharepoint site .

and need to highlight on mouseover location stored in the list.

this list contains location name and co-ordinates of the location.

how can I use Jquery to display image map in sharepoint.Plesae give some initial thoughts.


Rebind datalist after upload an image using jquery


Hi, I'm having a problem with using jquery to trigger a datalist rebind here, hope people here could help me with it. 

I'm using a jquery plugin called uploadify to upload images to my database. I'd like my datalist to be auto-rebind after the images' been uploaded so people could see the changes immediately. Also because this is a feature for admin there is a delete button in the datalist. I used updatePanel for this.  

I put __doPostBack('" + upnlUploaded.ClientID + "','') to the javascript so when Images have been uploaded the update panel will postback. 

I also have the following two lines to make it working... 

<asp:UpdatePanel ID="upnlUploaded" runat="server" UpdateMode="Conditional" OnLoad="upnlUploaded_Load"> <%--upnlUploaded_Load   --%>

       <asp:UpdatePanel ID="upnlUploaded" runat="server" UpdateMode="Conditional" OnLoad="upnlUploaded_Load"

        protected void upnlUploaded_Load(object sender, EventArgs e)

Display progress image when page is loading using jquery


hi friends,

When I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading  and block background.


how to display a progress bar loading.... in div after Submit button click??


plsssssss tell me,it's very urgent.

Many Thanks in Advance.

Image display through jQuery!


Hi, I have a set of images which are subjected to display inside a usercontrol(horizontally) but while loading the page the images are displaying  vertically. Only after the page completely loaded they are displaying properly. How can I use jQuery to hide the images when the page is loading and display them when the page is fully loaded. Below is the usercontrol code I am using for displaying controls:

<%@ Control Language="C#" AutoEventWireup="false" CodeBehind="cbLeadStory.ascx.cs" Inherits="Monster.Seeker.Content20.Web.Controls.cbLeadStory" EnableViewState="false" %>

<asp:PlaceHolder runat="server" ID="phAjaxControlContainer">
    <div runat="server" id="div_container">
        <asp:PlaceHolder runat="server" ID="plcStatic"><%= this.BlockHtml %></asp:PlaceHolder>
        <asp:PlaceHolder runat="server" ID="plcCarousel">
            <div class="ajaxLoading"></div>
            <span id="content"><%= this.BlockHtml %></span>
            <div id="paging"></div>
            <script type="text/javascript" language="javascript">

how to enlarge the image in jquery


iam 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);


Dynamically Loaded Images into jQuery Slider


Hi there,

I didnt want to re-invent the wheel...

Is there a jQuery Tutorial that you can point me to for populating a jQuery Slider with image urls from my database dynamically - or does anyone have code they could send me?

Tried goggling but keep running into dead ends.

Want to create something like what is on the bottom of here - http://02112010trendyshoes180.noptemplate.com/default.aspx

My jQuery slider disappears after any ajax callback


My jQuery slider disappears after any ajax callback.  I had a similar situation before and resolved it, but this scenario is different (and javascript is my weakest link).

I have a jQuery slider on my page inside an asp panel.  I'm rounding the panel corners with a RoundedCornersExtender.  That rounded panel is inside an asp UpdatePanel. 

Whenever any callback occurs, my slider disappears.  It disappears from sight, and all the controls below the slider move up about 12 pixels (approximately the height of the slider).  If I move the slider outside the UpdatePanel, it works as expected.

But I can't move the slider outside the UpdatePanel because it is in the flow with other controls that need to be ajax-ified.

I suppose I can have the slider logically outside the UpdatePanel yet place it with 'position:', but that seems like a poor design. 

Here is the javascript for the slider:

<script type="text/javascript">

    $(function () {


            range: true,

            min: 1,


GridView Confirmation Box Using JQuery BlockUI in asp.net

JQuery is the most popular JavaScript library. One of the main reasons for its fame is the plugin architecture. Anyone can create a separate library that leverage the JQuery library. In this article we are going to look at the BlockUI library which is used to block the user screen while performing a task.

jQuery $(document).ready() and ASP.NET Ajax asynchronous postback

Many call it the ASP.NET jQuery postback problem, but using the technique below should make it no problem anymore. $(document).ready() isn't called after an asynchronous postback. What this means? You lose the functionality that should be executed within $(document).ready() after an UpdatePanel rendered its contents after an asynchronous postback.

call JavaScript - jQuery code from ASP.NET Server-Side

jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side.

Making Ajax Callbacks to the Server Using jQuery with ASP.NET

In the first part of this article series I introduced jQuery's functionality and how it provides a rich client side programming model. This time around I'll expand on these concepts and show you how you can use jQuery in combination with ASP.NET using it as an AJAX backend to retrieve data. I'll also discuss how you can create ASP.NET controls and otherwise interact with jQuery content from ASP.NET pages in WebForms.

jQuery is just a JavaScript library so it will work seamlessly with ASP.NET both from page code as well as through backend driven code using the Page.ClientScript object or ScriptManager. You can use jQuery on its own as a client side and Ajax library that communicates with ASP.NET or you can use jQuery in combination with ASP.NET AJAX. The two actually complement each other quite well as jQuery provides functionality that the ASP.NET AJAX library does not and vice versa. For the most part the interaction between the two libraries is trouble free except for a few very rare edge cases.

Displaying Row Details Tooltip on GridView using JQuery

Continuing exploring JQuery! I decided to implement a feature to display some kind of details related to a row displayed on GridView. For example when displaying employees details on GridView some information might not fit in the GridView because it will make it huge and wide. These infomration can be diplayed as Tooltip. Or when you want to display a picture and some kind of formated text to be diplayed as tooltip when mouse hover on the image.

jQuery: Highlight Gridview Rows with Checkbox

Im learning and experimenting with jQuery and ASP.NET. Below is a simple solution I created to highlight rows in a gridview by clicking on a checkbox next to the row.

Gridview setup:
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend