درست کردن اسلایدر مطلب

[masoud_Ra 1]

سلام دوستان

من دارم یه اسلایدر درست می کنم

به یه مشکل خوردم

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

میشه راهنمایی کنید چجوری باید کدش رو درست کنم

 

الان توی این کد باید چیکار کنم ؟

 

<div class="container">

<br>

<div id="myCarousel" class="carousel slide" data-ride="carousel">

<!-- Indicators -->

<ol class="carousel-indicators">

<li data-target="#myCarousel" data-slide-to="0" class="active"></li>

<li data-target="#myCarousel" data-slide-to="1"></li>

<li data-target="#myCarousel" data-slide-to="2"></li>

<li data-target="#myCarousel" data-slide-to="3"></li>

</ol>

 

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

 

<div class="item active">

<img src="img_chania.jpg" alt="Chania" width="460" height="345">

<div class="carousel-caption">

<h3>Chania</h3>

<p>The atmosphere in Chania has a touch of Florence and Venice.</p>

</div>

</div>

 

<div class="item">

<img src="img_chania2.jpg" alt="Chania" width="460" height="345">

<div class="carousel-caption">

<h3>Chania</h3>

<p>The atmosphere in Chania has a touch of Florence and Venice.</p>

</div>

</div>

 

<div class="item">

<img src="img_flower.jpg" alt="Flower" width="460" height="345">

<div class="carousel-caption">

<h3>Flowers</h3>

<p>Beatiful flowers in Kolymbari, Crete.</p>

</div>

</div>

 

<div class="item">

<img src="img_flower2.jpg" alt="Flower" width="460" height="345">

<div class="carousel-caption">

<h3>Flowers</h3>

<p>Beatiful flowers in Kolymbari, Crete.</p>

</div>

</div>

</div>

 

<!-- Left and right controls -->

<a class="left carousel-control" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=myCarousel" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<a class="right carousel-control" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=myCarousel" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

</div>

[Masih 6,279]

درود .

 

در قسمت زیر :

 

<a class="left carousel-control" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="right carousel-control" href="https://go.20script.ir/index.php?url=https://go.20script.ir/index.php?url=&anchor=myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

 

 

کلید های چپ و راست وجود دارند . که هر کدام از این کلید ها یک خاصیت در استایل و یک خاصیت در فایل js مربوط به خود دارند . اگر این جهت حرکت در استایل باشد که کافیست به فایل استایل مراجعه کنید و با دستکاری هایی در خاصیت و کلس این کلید ها ، مسیر را تغییر دهید .

اگر هم در فایل جاوا باشد ، باید فایل مربوطه را باز کنید سپس جهت next و prev را به top و but تغییر دهید . البته این top و but یک معرف جداگانه هستند که داخل فایل جاوا مسیر حرکت را مشخص می کنند .

 

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