Siaavash

صفحه پست گالری

2 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

یک صفحه برای نمایش پروژه هست، که شامل متن، عکس و Thumbnail عکس های پروژه می شه!

می خوام متن توی یک ستون لود بشه، تمام عکس ها به صورت یک اسلایدر داخل ستون وسط و thumbnail ها هم در ستون دیگه!

به چه صورت می تونم این کار رو انجام بدم؟ که کاربر متن رو وارد کنه و تمام عکس ها رو هم داخل پست آپلود و وارد کنه، بعد به صورت اتوماتیک متن داخل ستون خودش قرار بگیره (div) تمام عکس ها داخل اسلایدر قرار بگیرند و بند انگشتی عکس ها هم ساخته و داخل ستون مربوطه فراخوانی بشن.

بهترین راه برای انجام این کار چیه؟

با استفاده از فرمت گالری توی post formats می شه این کار رو انجام داد؟

 

ویرایش شده در توسط Siaavash
0

به اشتراک گذاری این پست


لینک به پست

حل شد

عکس ها رو برای پست ها آپلود کردم، اما داخل پست قرار ندادم.

یه تابع تعریف کردم که عکس های آپلود شده برای هر پست رو بگیره و هر جا که فراخوانی کردم نمایش بده.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط ahmad25532
      سلام
      چجوری میتونم یه تصویر داشته باشم به صورتی که وقتی روش کلیک میشه تعدادی تصویر به صورت lightbox و گالری نشون داده بشه؟
    • توسط ahmad25532
      سلام. این سایت با جوملاست ظاهرا
      http://hamagroup.ir/fa/
      داخل اسلایدرش یه سری خطوط هستند که در حال چرخش هستند. چجوری میتونم همچین چیزی تو سایت وردپرسیم بسازم. قالبم اسلاید رولوشن و لایر اسلایدر رو داره.
       
      ممنون
    • توسط hamedgh1373
      با سلام خدمت دوستان عزیز
      من با پوسته enfold سایتی طراحی کردم 
      برای اسلاید صفحه اول یک ویدئو قراردادم ولی اندازه ویدئو بزرگتر از اسلایدر میباشد
      آیا راحی هست که بتونم  اندازه ویدئو را با اندازه اسلایدر مچ کنم؟
      منظورم با تغییر در کدهای قالب هست
      آدرس سایت هم /https://www.stubook.cf
      با تشکر
    • توسط unid_user
      سلام و دورود
      دوستان گرامی من یه اسلایدر با جی کوئری نوشتم ولی نمی تونم برای وردپرس داینامکش کنم. از پست تایپ استفاده کردم ولی اونطور که باید جواب نمیده. لطفا اگه ممکنه راهنمایی کنید.
      سپاس
       
      کد html
      <section id="section-5"> <h3 class="text-center">محصولات</h3> <div id="gallery"> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img1.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img2.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img3.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img4.jpg" alt=""> </div> </div> </div> <div class="row"> <div class="col-3"> <div class="image"> <img src="images/img5.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img6.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img7.jpg" alt=""> </div> </div> <div class="col-3"> <div class="image"> <img src="images/img8.jpg" alt=""> </div> </div> </div> </div> <a class="text-center buy-butt" href="#">مشاهده تمام محصولات</a> <div id="bigimage"> <div id="close"></div> <a href="#"><img src="" alt=""></a> <div id="next"></div> <div id="prev"></div> </div> </section>  
    • توسط unid_user
      سلام و دورود
      دوستان من یه اسلایدر ساختم که متاسفانه بخش جی کوئری و کدهای جاوا اسکریپت کار نمیکنه!؟
      ممنون
      کد جاوا اسکریپت:
      $(document).ready(function(){ $("a:nth-child(1)").css("background-color","white"); $("#circle1").click(function(){ $("#slider").animate({'left':'5%'},500); $("#data").fadeIn(700); $("#data2,#data3,#data4").fadeOut(500); $(".line").animate({'left':'60%'}); $("a:nth-child(1)").css("background-color","white"); $("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle2").click(function(){ $("#slider").animate({'left':'-30%'},500); $("#data2").fadeIn(700); $("#data,#data3,#data4").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(2)").css("background-color","white"); $("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black"); }); $("#circle3").click(function(){ $("#slider").animate({'left':'-190%'},500); $("#data3").fadeIn(700); $("#data,#data2,#data4").fadeOut(500); $(".line").animate({'left':'55%'}); $("a:nth-child(3)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black"); }); $("#circle4").click(function(){ $("#slider").animate({'left':'-240%'},500); $("#data4").fadeIn(700); $("#data,#data2,#data3").fadeOut(500); $(".line").animate({'left':'25%'}); $("a:nth-child(4)").css("background-color","white"); $("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black"); }); });  
      site_4.zip