Slideshow bildevisning web (html,css,java)

[Gjest member-306761]

Hei

noen som vet hvordan man setter/koder opp slideshow/carousel (bildevisning) i et html dokument? får ikke til å lage denne slideshow fra bootstrap.

 

Noen som kan hjelpe meg?

Tar gjerne mot andre tips på hvordan jeg kan syne arbeidet mitt/bildene på.

 

så på denne her:

http://twitter.githu...t.html#carousel

 

 

Takk på forhånd

Endret 26. mai 2013 av member-306761

[Wattengård]

Kanskje du kan være litt mer spesifikk på hva du har prøvd og hvor det evt feiler...

[Gjest member-306761]

<div id="myCarousel" class="carousel slide">
 <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>
 </ol>
 <!-- Carousel items -->
 <div class="carousel-inner">
   <div class="active item">…</div>
   <div class="item">…</div>
   <div class="item">…</div>
 </div>
 <!-- Carousel nav -->
 <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
 <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>

 

 

har satt det inn sånn, hvor ville du ha satt bildene? har problem med det. kanskje det er feilen^^

Endret 27. mai 2013 av member-306761

[Vetle blames Erlend]

har satt det inn sånn, hvor ville du ha satt bildene? har problem med det. kanskje det er feilen^^

 

Det er nok meninga at du plasserer bildene inn i div-ene med klassen "item".

Eksempel under (Ikke testet):

 

<!-- Carousel items -->
 <div class="carousel-inner">
<div class="active item"><img src="http://testimg.com/img.png" /></div>
<div class="item"><img src="http://testimg.com/img.png" /></div>
<div class="item"><img src="http://testimg.com/img.png" /></div>
 </div>