پارس جوم ::  انجمن های تخصصی جوملا
اسلايدر دايره اي - نسخه‌ی قابل چاپ

+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: اسلايدر دايره اي (/thread-19598.html)



اسلايدر دايره اي - azar431 - ۹-۲-۱۳۹۵ ۰۵:۰۰ عصر

سلام .. من يه اسلايدر ميخاستم كه مثل btcontent slider فقط دايره اي باشه
ممنون ميشم راهنماييم بكنيد
عين نسخه كه فروشي هست YJ Sphere Slider


RE: اسلايدر دايره اي - azar431 - ۹-۲-۱۳۹۵ ۰۶:۰۴ عصر

اينو پيدا كردم اما كار نميكنه --تصاوير رو نشون نميده
_auto_circle_flow_image
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

ممنون ميشم راهنماييم كنيد


RE: اسلايدر دايره اي - vahid.exe - ۱۲-۲-۱۳۹۵ ۱۱:۴۵ عصر

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

Border-radius:5px;


RE: اسلايدر دايره اي - Pourdaryaei - ۱۳-۲-۱۳۹۵ ۰۵:۲۹ صبح

در ادامه حرف آقا وحید باید بگم اینجا شعاع رو باید روی 50 یا 200 درصد بگذارید .

border-radius: 50%
برای اینکه توی مرورگرهای دیگه هم درست نمایش بده از
کد:
-moz-border-radius
و
-webkit-border-radius
استفاده کنید


RE: اسلايدر دايره اي - azar431 - ۱۳-۲-۱۳۹۵ ۰۵:۳۹ عصر

سلام . واقعا ممنونم از راهنمايتون . من از ماژول bt content slider استفاده كردم .. نحوه كارمو مينويسم به درد كسي شايد بخوره
اين كه كد ها رو توي div قالب بنويسم نشد بعدش رفتم توي فايل هاي خود ماژول تو هاست توي پوشه tmpl /پوشه css
btcontentslider.css

توي اين فايل قسمت
کد:
.bt-cs .bt-inner img {
         border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        height:180px;
        border: 2px solid #fff;
    max-width:99%;
    margin:5px 0px;
}
كدرو اضافه كردم كه درست شد
بعد چون ميخاستم كه عكس هاور شده بردر دورش رنگي بشه كد
کد:
.bt-cs .bt-inner img:hover {
         border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        height:180px;
        border: 2px solid #03a7ad;
    max-width:99%;
    margin:5px 0px;
}
رو هم ادامه همون نوشتم ..
ممنونم