Skip to content

Commit

Permalink
made slider images max-width:100% instead of width:100%
Browse files Browse the repository at this point in the history
  • Loading branch information
Steven Wanderski committed Feb 27, 2013
1 parent 70b2937 commit 198d8b6
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 7 deletions.
2 changes: 1 addition & 1 deletion jquery.bxslider.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
}

.bx-wrapper img {
width: 100%;
max-width: 100%;
display: block;
}

Expand Down
49 changes: 43 additions & 6 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -158,6 +158,20 @@ default: 500
options: integer
```

**video**
If any slides contain video, set this to <code>true</code>. Also, include <code>plugins/jquery.fitvids.js</code><br />See <a href="http://fitvidsjs.com/" target="_blank">http://fitvidsjs.com/</a> for more info
```
default: false
options: boolean (true / false)
```

**useCSS**
If true, CSS transitions will be used for horizontal and vertical slide animations (this uses native hardware acceleration). If false, jQuery animate() will be used.
```
default: true
options: boolean (true / false)
```

**touchEnabled**
If <code>true</code>, slider will allow touch swipe transitions
```
Expand All @@ -168,24 +182,31 @@ options: boolean (true / false)
**swipeThreshold**
Amount of pixels a touch swipe needs to exceed in order to execute a slide transition. Note: only used if <code>touchEnabled: true</code>
```
default: 500
default: 50
options: integer
```

**video**
If any slides contain video, set this to <code>true</code>. Also, include <code>plugins/jquery.fitvids.js</code><br />See <a href="http://fitvidsjs.com/" target="_blank">http://fitvidsjs.com/</a> for more info
**oneToOneTouch**
If <code>true</code>, non-fade slides follow the finger as it swipes
```
default: false
default: true
options: boolean (true / false)
```

**useCSS**
If true, CSS transitions will be used for horizontal and vertical slide animations (this uses native hardware acceleration). If false, jQuery animate() will be used.
**preventDefaultSwipeX**
If <code>true</code>, touch screen will not move along the x-axis as the finger swipes
```
default: true
options: boolean (true / false)
```

**preventDefaultSwipeY**
If <code>true</code>, touch screen will not move along the y-axis as the finger swipes
```
default: false
options: boolean (true / false)
```

###Pager

**pager**
Expand Down Expand Up @@ -489,4 +510,20 @@ slider = $('.bxslider').bxSlider();
var slideQty = slider.getSlideCount();
```

**reloadSlider**
Reload the slider. Useful when adding slides on the fly. Accepts an optional settings object. <a href="/examples/reload-slider-settings">See here for an example.</a>
```
example:
slider = $('.bxslider').bxSlider();
slider.reloadSlider();
```

**destroySlider**
Destroy the slider. This reverts all slider elements back to their original state (before calling the slider).
```
example:
slider = $('.bxslider').bxSlider();
slider.destroySlider();
```

Long live Zep.

0 comments on commit 198d8b6

Please sign in to comment.