Changeset 2865867
- Timestamp:
- 02/15/2023 04:45:42 PM (3 years ago)
- Location:
- image-carousel-shortcode/trunk
- Files:
-
- 3 edited
-
css/image-carousel-shortcode.css (modified) (1 diff)
-
image-carousel-shortcode.php (modified) (2 diffs)
-
readme.txt (modified) (3 diffs)
Legend:
- Unmodified
- Added
- Removed
-
image-carousel-shortcode/trunk/css/image-carousel-shortcode.css
r1428827 r2865867 1 .ics_carousel .owl-carousel {2 overflow:hidden; 1 .ics_carousel .owl-carousel { 2 overflow: hidden; 3 3 } 4 .ics_carousel .owl-carousel .owl-stage-outer {4 .ics_carousel .owl-carousel .owl-stage-outer { 5 5 } 6 .ics_carousel .owl-carousel .owl-item img {7 max-width:100%;8 width:100%;6 .ics_carousel .owl-carousel .owl-item img { 7 max-width: 100%; 8 width: 100%; 9 9 } 10 10 11 /*-- Arrow Nav --*/ 12 .ics_carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] { 13 color: #fff; 14 font-size: 0px; 15 padding: 0; 16 background: rgba(0, 0, 0, 0.42); 17 display: inline-block; 18 cursor: pointer; 19 position: absolute; 20 top: 50%; 21 -webkit-transition: all 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53); 22 transition: all 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53); 23 margin-top: -13px; 24 width: 40px; 25 height: 40px; 26 background-size: 30px; 27 background-position: center; 28 background-repeat: no-repeat; 29 } 30 .ics_carousel.dots_true .owl-theme .owl-controls .owl-nav [class*="owl-"] { 31 margin-top: -34px; 32 } 11 33 12 /*-- Arrow Nav --*/ 13 .ics_carousel .owl-theme .owl-controls .owl-nav [class*=owl-] { 14 color: #fff; 15 font-size: 0px; 16 padding: 6px 9px; 17 background: rgba(0, 0, 0, 0.42); 18 display: inline-block; 19 cursor: pointer; 20 position: absolute; 21 top: 50%; 22 -webkit-transition: all 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53); 23 transition: all 0.13s cubic-bezier(0.55, 0.085, 0.68, 0.53); 24 margin-top: -13px; 34 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-next:before { 35 content: "\f105"; 25 36 } 26 .ics_carousel.dots_true .owl-theme .owl-controls .owl-nav [class*=owl-] { 27 margin-top: -34px; 37 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-prev { 38 left: -60px; 39 background-image: url(../img/left-arrow.png); 28 40 } 29 .ics_carousel .owl-theme .owl-controls .owl-nav [class*=owl-]:before{ 30 font-size:14px !important; 31 content: "\f104"; 32 display: inline-block; 33 font: normal normal normal 14px/1 FontAwesome; 34 font-size: inherit; 35 text-rendering: auto; 36 -webkit-font-smoothing: antialiased; 37 -moz-osx-font-smoothing: grayscale; 41 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-next { 42 right: -60px; 43 background-image: url(../img/right-arrow.png); 38 44 } 39 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-next:before{40 content: "\f105"; 45 .ics_carousel:hover .owl-theme .owl-controls .owl-nav .owl-prev { 46 left: 0px; 41 47 } 42 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-prev{ left: -60px; } 43 .ics_carousel .owl-theme .owl-controls .owl-nav .owl-next{ right: -60px; } 44 .ics_carousel:hover .owl-theme .owl-controls .owl-nav .owl-prev{ left: 0px; } 45 .ics_carousel:hover .owl-theme .owl-controls .owl-nav .owl-next{ right: 0px; } 48 .ics_carousel:hover .owl-theme .owl-controls .owl-nav .owl-next { 49 right: 0px; 50 } 46 51 47 52 /*-- Dot Nav --*/ 48 .ics_carousel .owl-theme .owl-dots {49 text-align:center; 50 margin-top:20px;53 .ics_carousel .owl-theme .owl-dots { 54 text-align: center; 55 margin-top: 20px; 51 56 } 52 57 .ics_carousel .owl-theme .owl-dots .owl-dot { 53 display: inline-block;54 zoom: 1;58 display: inline-block; 59 zoom: 1; 55 60 } 56 61 .ics_carousel .owl-theme .owl-dots .owl-dot span { 57 width: 10px;58 height: 10px;59 margin: 5px 7px;60 background: #d6d6d6;61 display: block;62 -webkit-backface-visibility: visible;63 -webkit-transition: opacity 200ms ease;64 -moz-transition: opacity 200ms ease;65 -ms-transition: opacity 200ms ease;66 -o-transition: opacity 200ms ease;67 transition: opacity 200ms ease;68 -webkit-border-radius: 30px;69 -moz-border-radius: 30px;70 border-radius: 30px;62 width: 10px; 63 height: 10px; 64 margin: 5px 7px; 65 background: #d6d6d6; 66 display: block; 67 -webkit-backface-visibility: visible; 68 -webkit-transition: opacity 200ms ease; 69 -moz-transition: opacity 200ms ease; 70 -ms-transition: opacity 200ms ease; 71 -o-transition: opacity 200ms ease; 72 transition: opacity 200ms ease; 73 -webkit-border-radius: 30px; 74 -moz-border-radius: 30px; 75 border-radius: 30px; 71 76 } 72 .ics_carousel .owl-theme .owl-dots .owl-dot.active span, 77 .ics_carousel .owl-theme .owl-dots .owl-dot.active span, 73 78 .ics_carousel .owl-theme .owl-dots .owl-dot:hover span { 74 background: #869791;79 background: #869791; 75 80 } -
image-carousel-shortcode/trunk/image-carousel-shortcode.php
r1429581 r2865867 2 2 /** 3 3 * @package image-carousel-shortcode 4 * @version 1. 04 * @version 1.1 5 5 */ 6 6 /* … … 9 9 Description: <strong>Image Carousel Shortcode</strong> is a lightweight Image Carousel plugin for wordpress. It alets you create a beautiful responsive image carousel. 10 10 Author: Sazzad Hu 11 Version: 1. 011 Version: 1.1 12 12 Author URI: http://sazzadh.com/ 13 13 */ -
image-carousel-shortcode/trunk/readme.txt
r1429581 r2865867 4 4 Tags: carousel, image, shortcode, owl carousel, carousel shortcode, owl carousel shortcode 5 5 Requires at least: 4 6 Tested up to: 4.5.26 Tested up to: 6.1.1 7 7 Stable tag: 1.1 8 8 License: GPLv2 or later … … 41 41 == Frequently Asked Questions == 42 42 43 = What is the Shortcode and How to add zoom effect to a Image? =43 = What is the Shortcode? = 44 44 45 45 Below is the example of the shoercode. … … 60 60 = 1.1 = 61 61 * Fixed a BUG on the linking 62 * Fixed Icon of left right nav 62 63 63 64 = 1.0 =
Note: See TracChangeset
for help on using the changeset viewer.