رفتن به مطلب
قوانین ایجاد موضوع جدید در انجمن

چرا این تب منو عکس را نمایش نمیده؟

runy

توسط runy،
در برنامه نویسی استاتیک

دنبال‌کننده 0

پست های پیشنهاد شده

runy

runy 221

ارسال شده در
ارسال شده در

سلام

من میخوان در این تب منوی ساده در برگه هاش تصویر نشون بدم ولی نمایش نمیده

در لینک زیر هم دموش هست و هم کدش :


http://www.htmllion.com/jquery-tabs.html

کسی میدونه چرا؟

لینک به ارسال
علی زینلی

علی زینلی 2114

ارسال شده در
ارسال شده در

یک نمونه:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.clearfix:after {
content: ".";
display: block;
font-size: 0;
line-height: 0;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
#tabs {
display: block;
}
.tabsmenu {
margin: 0;
padding: 0;
list-style: none;
}
.tabsmenu li {
float: left;
margin-left: 1px;
}
.tabsmenu li:first-child {
margin-left: 0
}
.tabsmenu li a {
display: block;
padding: 5px 10px;
background: #DDD;
border: solid 1px #DDD;
border-bottom: 0;
color: #000;
text-decoration: none;
position: relative;
}
.tabsmenu li a:hover, .tabsmenu li.active a {
background-color: #FFF;
padding-bottom: 6px;
margin-bottom: -1px;
}
.tabContainer {
padding: 10px 15px;
border: solid 1px #DDD;
display: none;
}
</style>
<script src="js/jquery.js"></script>
<script>
$(function(){
// Tabs Script
$('#tabs .tabContainer').hide();
getactiveTab = $(".tabsmenu li.active a").attr('data-id');
$("#"+getactiveTab).show();
$('.tabsmenu a').live('click touchend',function(event){
event.preventDefault()
$(this).parents('.tabsmenu').find('li').removeClass('active');
$(this).parent().addClass('active'); 
var currentTab = $(this).attr('data-id'); 
$(this).parents('#tabs').find('.tabContainer').hide();
$("#"+currentTab).show(); 
});
})
</script>
</head>
<body>
<h1>Easy to Use jQuery Tabs</h1>
<section>
<div id="tabs">
<ul class="tabsmenu clearfix">
<li class="active"><a href="#" data-id="tabone">Tabs One</a></li>
<li><a href="#" data-id="tabTwo">Tabs Two</a></li>
<li><a href="#" data-id="tabThree">Tabs Three</a></li>
<li><a href="#" data-id="tabFor">Tabs Four</a></li>
</ul>
<div class="tabContainer" id="tabone">
<h3>Tab One</h3>
                        <h1>اینجا تصویر قرار دارد</h1>
<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh. Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>
</div>
<div class="tabContainer" id="tabTwo">
<h3>Tab Two</h3>
<p>Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh. Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<div class="tabContainer" id="tabThree">
<h3>Tab Three</h3>
<p>Praesent in feugiat urna, eget adipiscing nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh.  Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>
</div>
<div class="tabContainer" id="tabFor">
<h3>Tab For</h3>
<p>Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh.  Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>
</div>
</div>
</section>
</body>
</html>


باید در قسمت div که بهش آیدی خاص اون تب رو داده وارد کنی عکس رو با کدی مثل کد زیر:

<img src="آدرس تصویر">



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								2
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		amirali123
	

			
		

		

			

				

amirali123
				

	
		
	
			 38
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
					(ویرایش شده)
				
				
			
		

	


	


	

		
		

			
من هم تست کردم مشکلی نیست. شما یک تگ سی اس اس تعریف کنید از اون طریق اقدام کنید

<div class="img"></div>



			
				


	ویرایش شده   توسط amirali123
	
	

			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								2
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				

					

					
					







	

	

	

		

			


	
		runy
	

			
		

		

			

				

runy
				

	
		
	
			 221
	
		
	

			

			

				ارسال شده در 
				
			

		

	

	
	

		




	

		

			

				
    
					
						
  • مالک
    • 
					
					
					
					
					
				

			

			
		


		

			ارسال شده در  
			
			
				
				
			
		

	


	


	

		
		

			
بله اشتباه از من بود نمیدونم چرا دیشب نشون نداد فکر کنم خواب آلود بودم نفهمیدم چه کردم
ممنون دوستان



			
		


		
			

				
					
						

	
	
		

			
				
				

					
						

	
	
    
		
		
			
				
				
  • 
					
						
					
							
								امتیاز
							
							
								1
							
					
						
					
				
    • 
			
		
	


					
				

			
			
			
		

	


					
				
				
			

		

		
			

		
	


	

	

		
لینک به ارسال

		
			
		
		
		

		
	



	



					
					
					
				
			
			



		

	


	
	
	
	
	
		
		

			
				
				

	
		

			
به گفتگو بپیوندید

			

	
				
					هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید.
				
				اگر حساب کاربری دارید،  برای ارسال با حساب کاربری خود اکنون وارد شوید .
				
			

	
		

	




	
	
		
	
		
	
	
		
		
	
	

		


	
		مهمان
	


		

			
				
					
				
					
						
    
							
  • 
								



	
	
	
	

								
							
    • 
						

					
				
			
			
				
					
						
							
						
						


	

		
		

			
		

		
			
 ارسال پاسخ به این موضوع ...

		
		

			

				
					×
					  شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی
				
			

		

		

			

				  تنها استفاده از 75 اموجی مجاز می باشد.
			

		

		

			

				×
				  لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک
			

		

		

			

			

		

		

			

				×
				  محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر
			

		

		

			

				×
				  شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.
			

		

		
	

		
	

	

	

		

			×
			
		

		

	



						
					
				
					
				
			
			
    
				
					
						
					
						
					
				
				
					
  • 

	

    • 
				
			

		

	



			
		

	

	
		

			
				

					


				

			
			

				


	

	
		دنبال‌کننده
		0
	


			

			
		

	







	

		
			
				برو به فهرست موضوع ها
			
		
	

	




						


					

					


					

				

			

			
		

		
		


	

		×
		

			
				

					
				

			

			
		

	






	

		×
		

			
    
				
  • اضافه کردن...
    •