کد گالری عکس ریسپانسیو

[khanlo.javid]

سلام دوستان من کدی میخوام که بتونم باهاش گالری ریسپانسیو درست کنم ، افکت نمیخوام داشته باشم افکت هاشو خودم جای گذاری میکنم فقط کد اصلی ریسپانسیو تو هر ریزولوشنی رو میخوام ، اینکه ریسپانسیو باشه برام خیلی مهمه مرسی از لطفتون .

[پیام حیاتی]

سلام
http://www.menucool.com/1650/How-to-make-the-slider-responsive
نرم افزاری به نام wowslider هم اینکارو براتون انجام میده :
http://wowslider.com/rq/make-html-codes-slideshow-responsive-7R.html
کد و نمونه با CSS3 :
http://demosthenes.info/blog/627/Make-A-Responsive-CSS3-Image-Slider

[سعید کشاورز]

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

[khanlo.javid]

دوستان من اسلایدر نمیخوام منظورم از گالری تصاویر کنار هم چیده شده بود که کاملا به هم چسبیده باشن و ریسپانسیو باشه

[saeed410]

کافیه کلاس img-responsive رو به تگ های img اختصاص بدید تا ریسپانسیو بشه.همچنین میتونید عکس ها رو داخل یک div بزارید و کلاس های col-sm-x یا col-md-x رو به div اختصاص بدید. خیلی راحته.

[khanlo.javid]

گرید بوت استرپ به درستی عمل نمیکنه کسی کد گرید گالری عکس نداره که ریسپانسیو باشه و تو هر ریزولوشنی بهم نریزه ؟؟؟

[saeed410]

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

[saeed410]

<div class="container">
<div class="row">
<div class="col-md-3">
<a href="1.jpg" class="thumbnail">
<p>لورم ایپسوم یا طرح نما به متنی آزمایشی</p>
<img src="1.jpg" alt="عکس">
</a>
</div>
<div class="col-md-3">
<a href="2.jpg" class="thumbnail">
<p>لورم ایپسوم یا طرح نما به متنی آزمایشی</p>
<img src="2.jpg" alt="عکس">
</a>
</div>
<div class="col-md-3">
<a href="3.jpg" class="thumbnail">
<p>لورم ایپسوم یا طرح نما به متنی آزمایشی</p>
<img src="3.jpg" alt="عکس">
</a>
</div>
</div>

خیلی درست کار میکنه: اینم تصاویر از حالت های مختلف:
تمام صفحه:
126950

نصف :
126951
خیلی کوچیک :
126952

منبع : طراحی سایت (http://sypna.ir/AllArticles/ID/12/%D8%A7%D9%85%D9%88%D8%B2%D8%B4-%D8%A8%D9%88%D8%AA-%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE-%D9%88-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7-%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7)