<style type="text/css"> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*تنسيق الصورة الكبيرة*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*تنسيق الصورة بالوقوف عليها*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } </style>
<a class="thumbnail" href="#thumb"><img src="رابط الصورة المصغّرة" width="100px" height="66px" border="0" /><span><img src="رابط الصورة الكبيرة" /> التعليق على الصورة الكبيرة</span></a>
- صحيفة الويب الإلكترونية - الأرشيف - للأعلى
صحيفة متخصصة في متابعة أخبار وجديد الإنترنت العربي والحوارات الصحفية ومعلومات تقنية متنوعة .
للتواصل مع فريق عمل الويب العربي يمكنك ذالك من خلال مركز الدعم والمساندة.