Hi,
its strange the code is not working with master and content page,
here is the code i place in content page and its not working please advice
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css"
type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$('#slider').slider({ min: 0, max: 1, step: 0.1, value: 1 })
.bind("slidechange", function () {
var o = $(this).slider('value');
var e = '#' + $(this).attr('data-wjs-element');
$(e).css('opacity', o)
});
});
</script>
<style type="text/css">
#Panel3
{
width: 200px;
height: 100px;
background-color: #ff0000;
}
#slider
{
width: 200px;
}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="slider" data-wjs-element="Panel3">
</div>
<br />
<img id="Panel3" runat="server" src="http://www.aspforums.net/Avatars/Shashikant.jpg?635862636668500000"
alt="Alternate Text" />
<%-- <asp:Panel ID="Panel3" runat="server" BackImageUrl="http://www.aspforums.net/Avatars/Shashikant.jpg?635862636668500000">
</asp:Panel>--%>
</asp:Content>