مشکل تغییر عکس Header مسترپیج ASP.NET
با عرض سلام و خسته نباشید ، من در master page سایتم یک عکسی رو به عنوان header در نظر گرفتم."که تو عکس مشاهده می کنید". قطعا هر پیجی که من بسازم از طریق مستر پیج شامل اون عکس میشه،در صورتی که من میخواهم عکس صفحه ی درباره ی ما یا تماس با ما یا اخبار متفاوت باشه با یکدیگر و صفحه ی اصلی. سوال من اینه که من چجوری میتونم این کارو انجام بدم (تفاوتی نداره که از طریق C# یا js باشه )
پ.ن:من برای درج عکسم از img اسفاده نکردم بلکه از یک div استفاده کردم که در css style اون به background یک ادرس دادم.پ.ن2:فایل attach شده رو که ببینید عکس بالا صفحه ی درباره ی ما هست که من میخواهم عکس متفاوتی باشه با صفحه اصلی.این مشکلی هست که من خیلی وقت درگیرشم ممنون میشم به طور کامل راهنماییم کنید.
4 پاسخ
احتمالا خطایی در اجرای جاوا اسکریپت پیش می آید برای حل این کار سایت خورد را در گوگل کروم باز کنید و در صفحه تماس با ما کلید f12 را فشار دهید. اگر خطایی در جاوا اسکریپت وجود داشته باشد مانند شکل زیر نشان داده می شود اگر بر روی عدد خطا کلیک کنید پیام خطا نشان داده می شود آنرا درست کنید.
سلام به شما Itpro ای عزیز.
شما راه های متفاوتی دارید که به اون راه ها اشاره می کنیم.
- صفحه تماس با ما و درباره ما را جدا طراحی کنید و به اونا مسترپیج اختصاص ندهید.
- یک مسترپیج دیگر برای صفحه های تماس با ما و درباره ما بزنید که عکس آن متفاوت باشد.
- با استفاده از jquery یک متد بنویسید و عکس آن را عوض کنید که کد آن می تواند به شکل زیر باشد.
$(document).ready(function() {
$('#imagBanner').css('background-image', '/images/image2.jpg');
});
دقت داشته باشید که به جای imgBanner شما باید id مربوط به div خود را قرار دهید.
با عرض ادب و احترام
چون بعضی از پیج های footer هم باید از همین قاعده استفاده کنند نمیتوانم از دو روش اول استفاده کنم.
روش سوم چیزیه که واقعا من بهش احتیاج دارم.
ولی خب با یک سری مشکلات روبرو شد تکه کدی که شما گفتید در سایت درج کنم.
اجازه بدید یکم کامل تر توضیح بدم:
/* My css code */
.logo-box {
width: 90%;
height: 300px;
border-radius: 30px;
margin: 0px auto;
position: relative;
background-image:url(/images/default.png);
background-size: 100% 100%;
}
/* my master page html code */ <div class="logo-box" id="logobox"> . . . . . </div>
واین هم تکه کدی که شما به بنده کمک کردید را در head صفحه ی تماس با ما درج کردم
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script src="/Scripts/jquery.js">
$(document).ready(function() {
$('#logobox').css('background-image', '/images/contactus.png');
});
</script>
</asp:Content>
و متاسفانه همون خروجی قبلی رو گرفتم.
مشکل از کجاس شما میتوانید کمکم کنید؟
2 مشکل از شناخت لینک های جاوا بود که رفع شد اما هنوز ایراد از بین نرفته.نمیدونم چرا؟
ممنون از پاسخگوییتون.