diff options
| author | yo momma <shutup@oops.wtf> | 2026-02-02 22:06:09 +0000 |
|---|---|---|
| committer | yo momma <shutup@oops.wtf> | 2026-02-02 22:06:09 +0000 |
| commit | 0b5f6680d0220ea32ff3ba5b520033b778a10c16 (patch) | |
| tree | 9bd543c16dc4ecf39193180a12ef25c639785c17 | |
| parent | cabbf1580ed6f6624f82dd5ce6d4cc5958e9718f (diff) | |
Refactor: remove slider inline styles
| -rwxr-xr-x | static/index.html | 15 | ||||
| -rwxr-xr-x | static/index7.html | 19 |
2 files changed, 20 insertions, 14 deletions
diff --git a/static/index.html b/static/index.html index c532355..061797f 100755 --- a/static/index.html +++ b/static/index.html @@ -303,8 +303,11 @@ padding:5px; * Required */ .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } - .slides { position:absolute; top:0; left:0; } - .slides div { position:absolute; top:0; width:538px; display:none; } + .slides { position:absolute; top:0; left:0; width:2152px; } + .slides div { position:absolute; top:0; width:538px; display:block; } + .slides .slide-1 { left: 0px; } + .slides .slide-2 { left: 538px; } + .slides .slide-3 { left: 1076px; } /* * Optional */ @@ -349,14 +352,14 @@ preview dump.fm! </a> <div id="loopedSlider"> <div class="container"> - <div style="width: 2152px; left: 0px;" class="slides"> - <div style="position: absolute; left: 0px; display: block;"><img + <div class="slides"> + <div class="slide slide-1"><img src="/static/img/slide1.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 538px; display: block;"><img + <div class="slide slide-2"><img src="/static/img/slide2.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 1076px; display: block;"><img + <div class="slide slide-3"><img src="/static/img/slide3.png" alt="dump.fm" width="538px" height="205"></div> diff --git a/static/index7.html b/static/index7.html index 2e95cff..1c3ed24 100755 --- a/static/index7.html +++ b/static/index7.html @@ -269,8 +269,11 @@ padding:5px; * Required */ .container { margin-top:8px;border:01px solid #666;width:538px; height:205px; overflow:hidden; position:relative; cursor:pointer; } - .slides { position:absolute; top:0; left:0; } - .slides div { position:absolute; top:0; width:538px; display:none; } + .slides { position:absolute; top:0; left:0; width:2152px; } + .slides div { position:absolute; top:0; width:538px; display:block; } + .slides .slide-1 { left: 0px; } + .slides .slide-2 { left: 538px; } + .slides .slide-3 { left: 1076px; } /* * Optional */ @@ -330,19 +333,19 @@ preview dump.fm! <div id="loopedSlider"> <div class="container"> - <div style="width: 2152px; left: 0px;" class="slides"> - <div style="position: absolute; left: 0px; display: block;"><img + <div class="slides"> + <div class="slide slide-1"><img src="/static/img/slide1.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 538px; display: block;"><img + <div class="slide slide-2"><img src="/static/img/slide2.png" alt="dump.fm" width="538px" height="205"></div> - <div style="position: absolute; left: 1076px; display: block;"><img + <div class="slide slide-3"><img src="/static/img/slide3.png" alt="dump.fm" width="538px" height="205"></div> - - + </div> + </div> <ul class="pagination"> <li class=" "><a rel="1" href="#">1</a></li> |