Advertisement
Guest User

Untitled

a guest
Oct 31st, 2014
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.85 KB | None | 0 0
  1. <div id="myCarousel" class="carousel slide">
  2. <ol class="carousel-indicators">
  3. <li data-target="#myCarousel" data-slide-to="0" class=" active">&nbsp;</li>
  4. <li data-target="#myCarousel" data-slide-to="1" class="">&nbsp;</li>
  5. <li data-target="#myCarousel" data-slide-to="2" class="">&nbsp;</li>
  6. <li data-target="#myCarousel" data-slide-to="3" class="">&nbsp;</li>
  7. <li data-target="#myCarousel" data-slide-to="4" class="">&nbsp;</li>
  8. <li data-target="#myCarousel" data-slide-to="5" class="">&nbsp;</li>
  9. <li data-target="#myCarousel" data-slide-to="6" class="">&nbsp;</li>
  10. <li data-target="#myCarousel" data-slide-to="7" class="">&nbsp;</li>
  11. <li data-target="#myCarousel" data-slide-to="8" class="">&nbsp;</li>
  12. </ol>
  13.  
  14. <div class="carousel-inner">
  15. <div class="item active">
  16. <a href=".modal-trigger" data-toggle="modal">
  17. <img data-id='1' src="img/1_big.jpg" alt=""/>
  18. </a>
  19. </div>
  20. <div class="item">
  21. <a href=".modal-trigger" data-toggle="modal">
  22. <img data-id='2' src="img/2.jpg" alt="" />
  23. </a>
  24. </div>
  25. <div class="item">
  26. <a href=".modal-trigger" data-toggle="modal">
  27. <img data-id='3' src="img/3.jpg" alt="" />
  28. </a>
  29. </div>
  30. <div class="item">
  31. <a href=".modal-trigger" data-toggle="modal">
  32. <img data-id='4' src="img/4.jpg" alt="" />
  33. </a>
  34. </div>
  35. <div class="item">
  36. <a href=".modal-trigger" data-toggle="modal">
  37. <img data-id='5' src="img/5.jpg" alt="" />
  38. </a>
  39. </div>
  40. <div class="item">
  41. <a href=".modal-trigger" data-toggle="modal">
  42. <img data-id='6' src="img/6.jpg" alt="" />
  43. </a>
  44. </div>
  45. <div class="item">
  46. <a href=".modal-trigger" data-toggle="modal">
  47. <img data-id='7' src="img/7.jpg" alt="" />
  48. </a>
  49. </div>
  50. <div class="item">
  51. <a href=".modal-trigger" data-toggle="modal">
  52. <img data-id='8' src="img/7.jpg" alt="" />
  53. </a>
  54. </div>
  55. <div class="item">
  56. <a href=".modal-trigger" data-toggle="modal">
  57. <img data-id='9' src="img/7.jpg" alt="" />
  58. </a>
  59. </div>
  60. </div>
  61. <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
  62. <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
  63. </div>
  64.  
  65.  
  66. <!-- Modal -->
  67. <div id="modal-trigger" class="modal hide fade modal-trigger slide" aria-hidden="true">
  68. <div class="modal-header">
  69. <div class="num"></div>
  70.  
  71. <button class="close" data-dismiss="modal">Schließen</button>
  72. </div>
  73. <div class="modal-body">
  74. <div id="myCarousel2" class="carousel slide">
  75. <ol class="carousel-indicators">
  76. <li data-target="#myCarousel2" data-slide-to="0" class=" active">&nbsp;</li>
  77. <li data-target="#myCarousel2" data-slide-to="1" class="">&nbsp;</li>
  78. <li data-target="#myCarousel2" data-slide-to="2" class="">&nbsp;</li>
  79. <li data-target="#myCarousel2" data-slide-to="3" class="">&nbsp;</li>
  80. <li data-target="#myCarousel2" data-slide-to="4" class="">&nbsp;</li>
  81. <li data-target="#myCarousel2" data-slide-to="5" class="">&nbsp;</li>
  82. <li data-target="#myCarousel2" data-slide-to="6" class="">&nbsp;</li>
  83. <li data-target="#myCarousel2" data-slide-to="7" class="">&nbsp;</li>
  84. <li data-target="#myCarousel2" data-slide-to="8" class="">&nbsp;</li>
  85. </ol>
  86. <div class="carousel-inner">
  87. <div class="item active">
  88. <img src="img/1_big.jpg" alt="" />
  89. </div>
  90. <div class="item">
  91. <img src="img/2.jpg" alt="" />
  92. </div>
  93. <div class="item">
  94. <img src="img/3.jpg" alt="" />
  95. </div>
  96. <div class="item">
  97. <img src="img/4.jpg" alt="" />
  98. </div>
  99. <div class="item">
  100. <img src="img/5.jpg" alt="" />
  101. </div>
  102. <div class="item">
  103. <img src="img/6.jpg" alt="" />
  104. </div>
  105. <div class="item">
  106. <img src="img/7.jpg" alt="" />
  107. </div>
  108. <div class="item">
  109. <img src="img/8.jpg" alt="" />
  110. </div>
  111. <div class="item">
  112. <img src="img/9.jpg" alt="" />
  113. </div>
  114. </div>
  115. <a class="left carousel-control" href="#myCarousel2" data-slide="prev">‹</a>
  116. <a class="right carousel-control" href="#myCarousel2" data-slide="next">›</a>
  117. </div>
  118. </div>
  119. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement