الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

كيفية عمل البوم صور

بدأه ahyad_essam في 29 أبريل 2011 · 3 رد · 1,258 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

كثيراً ما نرى البوم الصور يتحوى على ازرار التالى والسابق على هيئة رابط فما هى طريقة برمجة هذه الروابط اى كيفية كتابة أوامر على رابط بدون زر submit او form

ارجو المساعدة

#2

السلام عليكم

يمكن تغير قيمة معرف الصورة عبر دالة .value ، و إسناد قيمة مغايرة ل value

<script type="text/javascript"> 
 function substitute(){ 
  var myTextField = document.getElementById('imageId'); 
  if(myTextField.value != "") 
  document.getElementById('imageId').value='Blabla.jpg'; 
 else 
  alert("Error!")         
 } 
</script>

مدونتي


#3

اخى الكريم ارجو التوضيح ان امكن فإننى قمت بتسجيل اسماء الصور فى قاعدة البيانات واريد ان اعرضها ولكن كل صورة على حدة والتحكم بالصور من خلال ازرار التالى والسابق

ولك جزيل الشكر

#4

مثال

<html>
<head>
	<script type="text/javascript">
		var array_images;
		var current_image = 0;
		function init_images() {
			array_images = document.getElementById('images_list').value.split(';');
		}
		function previous() {
			document.getElementById('img').src = x[current_image];
			current_image--;
			if (current_image < 0) {
				current_image = array_images.length - 1;
			}
		}
		function next() {
			document.getElementById('img').src = array_images[current_image];
			current_image++;
			if (current_image >= array_images.length) {
				current_image = 0;
			}
		}
	</script>
</head>
<body onload="init_images()">
	<?php
		mysql_connect('localhost', 'root', '');
		mysql_select_db('test') or die('Selection DB failed');
		$result = mysql_query('select name from images') or die('Cannot execute query');
		$str = '';
		while ($row = mysql_fetch_assoc($result)) {
			$str .=  $row['name'].';';
		}
		$str = rtrim($str, ';')
	?>
	<input type="hidden" id="images_list" value="<?php echo $str; ?>" />
	<div id="image_container"><img id="img"  /><div>
	<div id="navigation">
		<a href="javascript:next()">Previous</a>|<a href="javascript:next()">Next</a>
	</div>
</body>
</html>

أظن من الأفضل استعمال jQuery plugin لعرض الصور. هي كثيرة وسهلة الإستعمال، ومظهرها أجمل

مواضيع مشابهة