Mam kilka zrzutów ekranu, które chciałbym dodać do mojej witryny, ale chciałbym, ale w obszarze zrzutu ekranu z systemem zrzutu ekranu Aplikacji iTunes.

Jak mogę to wdrożyć lub czy ktoś może mi wskazać we właściwym kierunku. Dzięki.

0
cgossain 24 listopad 2011, 20:56

3 odpowiedzi

Najlepsza odpowiedź

Utwórz Div z tym jako CSS:

.overflowdiv {
    height: 310px;
    overflow-x: auto;
    overflow-y: hidden;
    width: 980px;
}

Spowoduje to utworzenie 980x310px DIV za pomocą automatycznego przelewu, aby automatycznie dodać przewijanie, jeśli zawartość jest szersza niż ilość pikseli.

Aby zapobiec wystąpieniu "nowych linii", zazwyczaj dodam w nim stół:

<div class="overflowdiv">
<table>
    <tr>
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
        <td>
            Content here
        </td>      
    </tr>
</table>
1
Rene Pot 24 listopad 2011, 17:00

Stworzyłem ostatnio ładną nieskończoną galerię, możesz go zobaczyć w akcji:

Infinite Gallery Demo

  • Automatyczne wsparcie slajd.
  • Zatrzymuje się na Hover.
  • Prosty znacznik HTML.
  • Zmień rozmiar okna - zachowuje aktualny obraz na ekranie środkowym

Ponieważ istnieje wiele CSS, HTML, JS do wklejania tutaj ... tylko "widzieć surce". Jeśli masz pytania, cieszę się, że pomogę.

2
Roko C. Buljan 24 listopad 2011, 17:00
<div style="width: 800px; height: 100px; overflow: auto">
   <div style="height: 100px">
      ... lots of content here ...
   </div>
</div>

Dopóki styl styl "zawartość", więc wpływa poziomo, tworzy poziomy paski przewijania, gdy wewnętrzny div rozwija się szerszy niż 800px i "przepełnić" zewnętrzny div.

2
Marc B 24 listopad 2011, 16:59