e_a_23
چهارشنبه 21 اسفند 1392, 11:54 صبح
سلام
من از یه اسلایدر ریسپانسیو استفاده کردم اما عکس ها رو نشون نمی ده. ببینید متوجه می شید ایراد از کجاست؟
<div class="col-lg-6"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> <div data-thumb="Images/img1.jpg" data-src="Images/img1.jpg"> <div class="camera_caption fadeFromBottom"> Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> </div> </div> <div data-thumb="Images/img3.jpg" data-src="Images/img3.jpg"> <div class="camera_caption fadeFromBottom"> It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> </div> </div> <div data-thumb="Images/img5.jpg" data-src="Images/img5.jpg"> <div class="camera_caption fadeFromBottom"> <em>It's completely free</em> (even if a donation is appreciated) </div> </div> <div data-thumb="Images/img7.jpg" data-src="Images/img7.jpg"> <div class="camera_caption fadeFromBottom"> Camera slideshow provides many options <em>to customize your project</em> as more as possible </div> </div> <div data-thumb="Images/img2.jpg" data-src="Images/img2.jpg"> <div class="camera_caption fadeFromBottom"> It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins %2Fcamera%2F&charset=%28detect+automatically%29&do ctype=Inline&group=0&user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>) </div> </div> <div data-thumb="Images/img6.jpg" data-src="Images/img6.jpg"> <div class="camera_caption fadeFromBottom"> Different color skins and layouts available, <em>fullscreen ready too</em> </div> </div> </div> </div>
استایل رو نذاشتم چون فکر می کنم ایراد تو قسمت آدرس دهی data-src باشه. آخه عکس های data-thumb رو نشون می ده.
من از یه اسلایدر ریسپانسیو استفاده کردم اما عکس ها رو نشون نمی ده. ببینید متوجه می شید ایراد از کجاست؟
<div class="col-lg-6"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> <div data-thumb="Images/img1.jpg" data-src="Images/img1.jpg"> <div class="camera_caption fadeFromBottom"> Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> </div> </div> <div data-thumb="Images/img3.jpg" data-src="Images/img3.jpg"> <div class="camera_caption fadeFromBottom"> It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> </div> </div> <div data-thumb="Images/img5.jpg" data-src="Images/img5.jpg"> <div class="camera_caption fadeFromBottom"> <em>It's completely free</em> (even if a donation is appreciated) </div> </div> <div data-thumb="Images/img7.jpg" data-src="Images/img7.jpg"> <div class="camera_caption fadeFromBottom"> Camera slideshow provides many options <em>to customize your project</em> as more as possible </div> </div> <div data-thumb="Images/img2.jpg" data-src="Images/img2.jpg"> <div class="camera_caption fadeFromBottom"> It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> (<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins %2Fcamera%2F&charset=%28detect+automatically%29&do ctype=Inline&group=0&user-agent=W3C_Validator%2F1.2" target="_blank">have a look</a>) </div> </div> <div data-thumb="Images/img6.jpg" data-src="Images/img6.jpg"> <div class="camera_caption fadeFromBottom"> Different color skins and layouts available, <em>fullscreen ready too</em> </div> </div> </div> </div>
استایل رو نذاشتم چون فکر می کنم ایراد تو قسمت آدرس دهی data-src باشه. آخه عکس های data-thumb رو نشون می ده.