diff --git a/index.html b/index.html
index 5a60d8f..3aa4b9f 100644
--- a/index.html
+++ b/index.html
@@ -7,22 +7,23 @@
+
diff --git a/jquery.bxslider.css b/jquery.bxslider.css
index 2afc0f3..6b87b1c 100644
--- a/jquery.bxslider.css
+++ b/jquery.bxslider.css
@@ -88,7 +88,26 @@ ul.bxslider {
font-size: 0;
line-height: 0;
}
-/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-controls .bx-has-controls-direction{
+ top: 100%;
+margin-top: -0px;
+vertical-align: top;
+}
+
+.bx-wrapper .bx-controls-direction a {
+top: 100%;
+margin-top: -0px;
+vertical-align: top;
+}
+.bx-wrapper .bx-prev {
+ vertical-align: top;
+}
+
+.bx-wrapper .bx-next {
+ vertical-align: top;
+}
+/* DIRECTION CONTROLS (NEXT / PREV)
.bx-wrapper .bx-prev {
left: 10px;
background: url('images/controls.png') no-repeat 0 -32px;
@@ -117,7 +136,7 @@ ul.bxslider {
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
-}
+}*/
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
diff --git a/myScript1.js b/myScript1.js
index 6dd392c..4b91aa2 100644
--- a/myScript1.js
+++ b/myScript1.js
@@ -12,10 +12,9 @@ window.onload=function() {
}
}
-$(function() {
- $('#slider').bxSlider({
+$(document).ready(function(){
+ $('#slider').bxSlider({
auto: true,
- autoControls: true,
controls: true,
infiniteLoop: true,
mode: 'horizontal',
@@ -28,11 +27,16 @@ $(function() {
moveSlideQty: 1,
useCSS: false,
speed: 750,
+hideControlOnEnd: true,
slideSelector: 'div.item',
minSlides: 3,
maxSlides: 3,
moveSlides: 1,
- slideWidth: 1000
+ slideWidth: 1000,
+ nextSelector: '#slider-next',
+ prevSelector: '#slider-prev',
+ nextText: '
',
+ prevText: '
'
});
});