بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته ..
اليوم وانا أتصفح موقع TutPlus المعروف , وجدت تطبيق Html5 ممتاز جداً و حبيت أنقله عشان تعم الفائدة ..
مُلاحظة : الموجود في الموقع شرح طريقة كامل لعمله و تطبيقه وانا لم أشاهده بالكامل بصراحة , لكن نقلت لكم الكود code جاهز مع بعض الملاحظات مني لـ كيفية التعديل عليه + قمت بتعديلات بسيطة عليه لأعطيه مرونة أكبر ..
أول شي مثال على التطبيق :
untitled
رمز PHP:
list($width, $height, $type, $attr) = getimagesize("i.jpeg");
?>
untitled
echo" "; ?>
نأتي لـ شرح طريقة بسيط للي فوق ,
في البداية :
رمز PHP:
list($width, $height, $type, $attr) = getimagesize("i.jpeg");
?>
طبعاً هالجزئية مني , و هي عشان نحصل على مقاسات الصورة طول و عرض لأننا راح نحتاجها بعدين , الموقع طبعاً كان مثبت الطول و العرض على 500
http://www.dzbatna.com/images/smilies/crazy.gif ! وبين القوسين مسار الصورة ..
و بعدها خصائص Css واضحة للجميع , لكن ما أنصح بالتعديل عليها لأنها تناسب التطبيق ,,
رمز PHP:
echo" "; ?>
و في الأخير قمنا بـ استدعاء الصورة داخل Div خاص بخصائص الـ Css الخاصة بـ img-wrap
و أعطيناها الـ Id "cvs-src" عشان تطبق الدالة الخاصة بالتسويد و التلوين ..
و طبعا رابط الصورة بين علامتي التنصيص , وفي الأخير تدخل الـ Php لوضع المقاسات ..
طبعاً الي حابب يعرف وش فايدة حركة المقاسات يغير الطول والعرض بنفسه ويشوف المشكلة , الي هي أن الجزء الي بيتم تسويده من الصورة راح يكون حسب القياسات
http://www.dzbatna.com/images/smilies/crazy.gif !
أتمنى أني أفدت الجميع , سامحوني على القصور , سلام عليكم ..
