Changeset 748511
- Timestamp:
- 07/30/2013 10:04:18 PM (13 years ago)
- Location:
- sgt-carousel-gallery
- Files:
-
- 1 edited
- 4 copied
-
tags/1.1 (copied) (copied from sgt-carousel-gallery/trunk)
-
tags/1.1/modernizr.custom.48564.js (copied) (copied from sgt-carousel-gallery/trunk/modernizr.custom.48564.js)
-
tags/1.1/readme.txt (copied) (copied from sgt-carousel-gallery/trunk/readme.txt)
-
tags/1.1/sgt_carousel_gallery.php (copied) (copied from sgt-carousel-gallery/trunk/sgt_carousel_gallery.php) (16 diffs)
-
trunk/sgt_carousel_gallery.php (modified) (16 diffs)
Legend:
- Unmodified
- Added
- Removed
-
sgt-carousel-gallery/tags/1.1/sgt_carousel_gallery.php
r734091 r748511 3 3 /* 4 4 Plugin Name: SGT Carousel Gallery 5 Plugin URI: http://www.sgt-arts.com 5 Plugin URI: http://www.sgt-arts.com/blog/sgt-carousel-gallery/ 6 6 Description: 3d gallery using css transforms 7 7 Version: 1.0 … … 22 22 add_image_size('sgt_small_landscape', 200, 100, true); 23 23 add_image_size('sgt_medium_landscape', 300, 150, true); 24 add_image_size('sgt_large_landscape', 400, 250, true); 24 25 } 25 26 … … 76 77 border-bottom:10px solid transparent; 77 78 border-right:20px solid #2c3e50; 78 top: 0px;79 right: 0px;79 top:5px; 80 right:20px; 80 81 } 81 82 … … 87 88 border-bottom:10px solid transparent; 88 89 border-left:20px solid #2c3e50; 89 top: 0px;90 left: 0px;90 top:5px; 91 left:20px; 91 92 } 92 93 … … 114 115 115 116 .controlPanel { 116 position:relative; 117 width:100%; 118 top:5px; 119 height:30px; 117 display:block; 118 margin-top:10px; 119 position:relative; 120 width:100%; 121 bottom:0px; 122 min-height:30px; 123 height:auto; 124 overflow:auto; 125 background:#fff; 126 } 127 128 .controlPanelFull{ 129 display:block; 130 margin-top:10px; 131 position:absolute; 132 width:100%; 133 bottom:0px; 134 min-height:30px; 135 height:auto; 136 overflow:auto; 137 background:#fff; 138 z-index:500001; 120 139 } 121 140 … … 176 195 position:fixed; 177 196 margin:auto; 178 overflow: scroll;197 overflow:hidden; 179 198 top:0px; 180 199 left:0px; … … 186 205 187 206 #fullScreenImg{ 188 position:relative; 189 margin:auto; 207 display:inline; 190 208 background-color:#fff; 209 float:left; 191 210 width:auto; 192 211 height:auto; 193 min-width:200px; 194 max-height:525px; 212 margin-left:10px; 213 margin-right:10px; 214 margin-top:10px; 215 max-width:800px; 216 max-height:575px; 195 217 z-index:500001; 196 218 } 197 219 198 220 #fullScreenImgDiv { 221 background:#000; 222 display:inline-block; 199 223 top:10px; 200 224 position:relative; 201 margin:auto;202 225 width:auto; 203 min-width:200px; 204 height:525px; 226 height:625px; 205 227 z-index:500001; 206 228 } … … 208 230 #full-text{ 209 231 margin-top:30px; 210 dis play:block;211 width: 450px;232 dislay:inline; 233 width:auto; 212 234 height:auto; 213 235 margin-left:auto; … … 216 238 } 217 239 218 #imgInfo{240 .imgInfo{ 219 241 220 242 -webkit-box-shadow: 1px 1px 2px rgba(153, 155, 195, 0.75); … … 235 257 } 236 258 259 #imgCaptionWrapper { 260 display:inline-block; 261 width:auto; 262 overflow:auto; 263 position:relative; 264 margin-left:auto; 265 margin-right:auto; 266 text-align:center; 267 } 268 237 269 #imgInfoWrapper{ 238 270 width:100%; 239 271 height:auto; 240 272 position:relative; 241 overflow-x: hidden;273 overflow-x:visible; 242 274 overflow-y:visible; 243 275 } … … 248 280 249 281 .sgt_captions{ 282 display:block; 250 283 position:relative; 251 284 height:auto; … … 259 292 #sgt_descriptions{ 260 293 background:#fff; 261 margin-top:20px;262 margin-left:auto;263 margin- right:auto;264 position:relative;265 height: auto;266 width: 800px;294 display:inline; 295 position:relative; 296 margin-top:10px; 297 margin-right:10px; 298 height:575px; 299 width:250px; 267 300 font-size:1em; 268 269 -moz-transition: max-height 1s ease; 270 -webkit-transition: max-height 1s ease; 271 -o-transition: max-height 1s ease; 272 transition: max-height 1s ease; 301 float:left; 302 273 303 z-index:500001; 274 304 } … … 280 310 position:absolute; 281 311 top:0px; 282 right:5 5%;312 right:50%; 283 313 transition: opacity .25s ease-in-out; 284 314 -moz-transition: opacity .25s ease-in-out; … … 293 323 position:absolute; 294 324 top:0px; 295 left:5 5%;325 left:50%; 296 326 297 327 transition: opacity .25s ease-in-out; … … 343 373 344 374 </section> 345 <div id="imgInfo">346 375 <div class="controlPanel"> 347 376 <div class="toggleLeft" onclick="rotateLeft()"><div class="arrowLeft"></div></div> 348 377 <div class="imgCounter"><?php echo 1?>/<?php echo $numPanels?></div> 349 378 <div class="toggleRight" onclick="rotateRight()"><div class="arrowRight"></div></div> 350 </div> 351 <div id="captionsWrapper"><div class="sgt_captions"><?php echo $attachments[0]->post_excerpt;?></div></div> 379 <div id="captionsWrapper"><div class="sgt_captions"><?php echo $attachments[0]->post_excerpt;?></div></div> 352 380 </div> 353 381 </div> … … 365 393 fullScreen.style.display= "none"; 366 394 fullScreen.setAttribute("id", "fullScreen"); 367 fullScreen.innerHTML= "<div id='fullGrey' ></div><div id='fullScreenImgDiv'><img id='fullScreenImg' onClick='unFullScreen()' src='" + figures[0].getAttribute("data-fullImage") + "'/></div>" + "<div id='sgt_descriptions'><div class='controlPanel'><div class='toggleLeft' onClick='rotateLeft()'><div class='arrowLeft'></div></div><div class='imgCounter'><?php echo 1?>/<?php echo $numPanels?></div><div class='toggleRight' onClick='rotateRight()'><div class='arrowRight'></div></div></div><div id='captionsWrapper'><div class='sgt_captions'><?php echo $attachments[0]->post_excerpt;?></div></div><div id='full-text'>" + figures[0].getAttribute("data-description") + "</div></div>";395 fullScreen.innerHTML= "<div id='fullGrey' onClick='unFullScreen()'></div><div id='fullScreenImgDiv'><div id='imgCaptionWrapper'><img id='fullScreenImg' src='" + figures[0].getAttribute("data-fullImage") + "'/>" + "<div id='sgt_descriptions'><div id='captionsWrapper'><div class='sgt_captions'><?php echo $attachments[0]->post_excerpt;?></div></div><div id='full-text'>" + figures[0].getAttribute("data-description") + "</div></div></div><div class='controlPanelFull'><div class='toggleLeft' onClick='rotateLeft()'><div class='arrowLeft'></div></div><div class='imgCounter'><?php echo 1?>/<?php echo $numPanels?></div><div class='toggleRight' onClick='rotateRight()'><div class='arrowRight'></div></div></div></div>"; 368 396 figures[0].onclick= function(){ 369 397 fullScreenImage(); -
sgt-carousel-gallery/trunk/sgt_carousel_gallery.php
r734091 r748511 3 3 /* 4 4 Plugin Name: SGT Carousel Gallery 5 Plugin URI: http://www.sgt-arts.com 5 Plugin URI: http://www.sgt-arts.com/blog/sgt-carousel-gallery/ 6 6 Description: 3d gallery using css transforms 7 7 Version: 1.0 … … 22 22 add_image_size('sgt_small_landscape', 200, 100, true); 23 23 add_image_size('sgt_medium_landscape', 300, 150, true); 24 add_image_size('sgt_large_landscape', 400, 250, true); 24 25 } 25 26 … … 76 77 border-bottom:10px solid transparent; 77 78 border-right:20px solid #2c3e50; 78 top: 0px;79 right: 0px;79 top:5px; 80 right:20px; 80 81 } 81 82 … … 87 88 border-bottom:10px solid transparent; 88 89 border-left:20px solid #2c3e50; 89 top: 0px;90 left: 0px;90 top:5px; 91 left:20px; 91 92 } 92 93 … … 114 115 115 116 .controlPanel { 116 position:relative; 117 width:100%; 118 top:5px; 119 height:30px; 117 display:block; 118 margin-top:10px; 119 position:relative; 120 width:100%; 121 bottom:0px; 122 min-height:30px; 123 height:auto; 124 overflow:auto; 125 background:#fff; 126 } 127 128 .controlPanelFull{ 129 display:block; 130 margin-top:10px; 131 position:absolute; 132 width:100%; 133 bottom:0px; 134 min-height:30px; 135 height:auto; 136 overflow:auto; 137 background:#fff; 138 z-index:500001; 120 139 } 121 140 … … 176 195 position:fixed; 177 196 margin:auto; 178 overflow: scroll;197 overflow:hidden; 179 198 top:0px; 180 199 left:0px; … … 186 205 187 206 #fullScreenImg{ 188 position:relative; 189 margin:auto; 207 display:inline; 190 208 background-color:#fff; 209 float:left; 191 210 width:auto; 192 211 height:auto; 193 min-width:200px; 194 max-height:525px; 212 margin-left:10px; 213 margin-right:10px; 214 margin-top:10px; 215 max-width:800px; 216 max-height:575px; 195 217 z-index:500001; 196 218 } 197 219 198 220 #fullScreenImgDiv { 221 background:#000; 222 display:inline-block; 199 223 top:10px; 200 224 position:relative; 201 margin:auto;202 225 width:auto; 203 min-width:200px; 204 height:525px; 226 height:625px; 205 227 z-index:500001; 206 228 } … … 208 230 #full-text{ 209 231 margin-top:30px; 210 dis play:block;211 width: 450px;232 dislay:inline; 233 width:auto; 212 234 height:auto; 213 235 margin-left:auto; … … 216 238 } 217 239 218 #imgInfo{240 .imgInfo{ 219 241 220 242 -webkit-box-shadow: 1px 1px 2px rgba(153, 155, 195, 0.75); … … 235 257 } 236 258 259 #imgCaptionWrapper { 260 display:inline-block; 261 width:auto; 262 overflow:auto; 263 position:relative; 264 margin-left:auto; 265 margin-right:auto; 266 text-align:center; 267 } 268 237 269 #imgInfoWrapper{ 238 270 width:100%; 239 271 height:auto; 240 272 position:relative; 241 overflow-x: hidden;273 overflow-x:visible; 242 274 overflow-y:visible; 243 275 } … … 248 280 249 281 .sgt_captions{ 282 display:block; 250 283 position:relative; 251 284 height:auto; … … 259 292 #sgt_descriptions{ 260 293 background:#fff; 261 margin-top:20px;262 margin-left:auto;263 margin- right:auto;264 position:relative;265 height: auto;266 width: 800px;294 display:inline; 295 position:relative; 296 margin-top:10px; 297 margin-right:10px; 298 height:575px; 299 width:250px; 267 300 font-size:1em; 268 269 -moz-transition: max-height 1s ease; 270 -webkit-transition: max-height 1s ease; 271 -o-transition: max-height 1s ease; 272 transition: max-height 1s ease; 301 float:left; 302 273 303 z-index:500001; 274 304 } … … 280 310 position:absolute; 281 311 top:0px; 282 right:5 5%;312 right:50%; 283 313 transition: opacity .25s ease-in-out; 284 314 -moz-transition: opacity .25s ease-in-out; … … 293 323 position:absolute; 294 324 top:0px; 295 left:5 5%;325 left:50%; 296 326 297 327 transition: opacity .25s ease-in-out; … … 343 373 344 374 </section> 345 <div id="imgInfo">346 375 <div class="controlPanel"> 347 376 <div class="toggleLeft" onclick="rotateLeft()"><div class="arrowLeft"></div></div> 348 377 <div class="imgCounter"><?php echo 1?>/<?php echo $numPanels?></div> 349 378 <div class="toggleRight" onclick="rotateRight()"><div class="arrowRight"></div></div> 350 </div> 351 <div id="captionsWrapper"><div class="sgt_captions"><?php echo $attachments[0]->post_excerpt;?></div></div> 379 <div id="captionsWrapper"><div class="sgt_captions"><?php echo $attachments[0]->post_excerpt;?></div></div> 352 380 </div> 353 381 </div> … … 365 393 fullScreen.style.display= "none"; 366 394 fullScreen.setAttribute("id", "fullScreen"); 367 fullScreen.innerHTML= "<div id='fullGrey' ></div><div id='fullScreenImgDiv'><img id='fullScreenImg' onClick='unFullScreen()' src='" + figures[0].getAttribute("data-fullImage") + "'/></div>" + "<div id='sgt_descriptions'><div class='controlPanel'><div class='toggleLeft' onClick='rotateLeft()'><div class='arrowLeft'></div></div><div class='imgCounter'><?php echo 1?>/<?php echo $numPanels?></div><div class='toggleRight' onClick='rotateRight()'><div class='arrowRight'></div></div></div><div id='captionsWrapper'><div class='sgt_captions'><?php echo $attachments[0]->post_excerpt;?></div></div><div id='full-text'>" + figures[0].getAttribute("data-description") + "</div></div>";395 fullScreen.innerHTML= "<div id='fullGrey' onClick='unFullScreen()'></div><div id='fullScreenImgDiv'><div id='imgCaptionWrapper'><img id='fullScreenImg' src='" + figures[0].getAttribute("data-fullImage") + "'/>" + "<div id='sgt_descriptions'><div id='captionsWrapper'><div class='sgt_captions'><?php echo $attachments[0]->post_excerpt;?></div></div><div id='full-text'>" + figures[0].getAttribute("data-description") + "</div></div></div><div class='controlPanelFull'><div class='toggleLeft' onClick='rotateLeft()'><div class='arrowLeft'></div></div><div class='imgCounter'><?php echo 1?>/<?php echo $numPanels?></div><div class='toggleRight' onClick='rotateRight()'><div class='arrowRight'></div></div></div></div>"; 368 396 figures[0].onclick= function(){ 369 397 fullScreenImage();
Note: See TracChangeset
for help on using the changeset viewer.