javascript - Owl Carousel Outer Arrow Navigation -



javascript - Owl Carousel Outer Arrow Navigation -

i'm trying implement owl carousel lazyload images portfolio site , having issues positioning navigation buttons. ideally i'd add together these on outside of carousel positioned halfway image. have seen couple of examples operational cannot fathom out. can please help?

i have added jsfiddle here: http://jsfiddle.net/iameuanmackay/448htq9b/

the code i'm using is:

<div class="col-xs-8 col-xs-push-2 col-md-push-3 col-lg-6 col-lg-push-3" style="padding-left:45px"> <div class="owl-demo"> <img class="owl-lazy" data-src="http://megmackayphoto.com/beta/lib/img/full/people_02.jpg" alt=""> <img class="owl-lazy" data-src="http://megmackayphoto.com/beta/lib/img/full/people_02.jpg" alt=""> <img class="owl-lazy" data-src="http://megmackayphoto.com/beta/lib/img/full/people_03.jpg" alt=""> <img class="owl-lazy" data-src="http://megmackayphoto.com/beta/lib/img/full/people_04.jpg" alt=""> <img class="owl-lazy" data-src="http://megmackayphoto.com/beta/lib/img/full/people_05.jpg" alt=""> </div> </div>

css:

#owl-demo .item { display: block; padding: 30px 0px; margin: 5px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* styling next , prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; *display: inline; /*ie7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: alpha(opacity=50); /*ie7 fix*/ opacity: 0.5; }

and js is:

jquery(document).ready(function ($) { $('.owl-demo').owlcarousel({ items: 1, nav: true, navigationtext: [ "<i class='icon-chevron-left icon-white'><</i>", "<i class='icon-chevron-right icon-white'>></i>"], lazyload: true, loop: true, margin: 10 }); });

any guidance can given on i'm doing wrong much appreciated.

thanks in advance.

$(document).ready(function () { var carousel = $("#owl-demo"); carousel.owlcarousel({ navigation:true, navigationtext: [ "<i class='icon-chevron-left icon-white'><</i>", "<i class='icon-chevron-right icon-white'>></i>" ], }); });

link: http://codepen.io/owlfonk/pen/qhgjb/

javascript jquery css carousel owl-carousel

Comments

Post a Comment

Popular posts from this blog

php - Edges appear in image after resizing -

php - Edges appear in image after resizing - i have implemented next function: private static function generatepicture($sizekey, $src, $initialwidth, $initialheight, $imagetype) { $destination = adimage::addsizekey($sizekey, $src); if (file_exists($destination)) { return; } $finalsize = adimage::$sizes[$sizekey]; $initialratio = $initialwidth / $initialheight; $finalratio = $finalsize["w"] / $finalsize["h"]; $newimage = imagecreatetruecolor($finalsize["w"], $finalsize["h"]); imagealphablending( $newimage, false ); imagesavealpha( $newimage, true ); $oldimage = imagecreatefromstring(file_get_contents($src)); if ($initialratio >= $finalratio) { $scale = $finalsize["h"] / $initialheight; $surpluss = abs($initialwidth - ($initialheight * $finalratio)); imagecopyresized($newimage, $oldimage, 0, 0, $surpluss / 2, 0, $finalsize["w"], $finalsize[&q
Read more

ios8 - iOS custom keyboard - preserve state between appearances -

ios8 - iOS custom keyboard - preserve state between appearances - i'm having performance problems custom keyboard i'm working on. loading words in spell correction tree takes quite bit of time. seems done each time keyboard appears - there way preserve state of keyboard? apps can suspend / resume etc - can't find documentation on how extensions, or if there's mechanism doing att all. thanks! you loading dictionary net or disk? first case nsuserdefaults, encoding (nscopying) options store info. can load in background. according docs, os typically kills extension process, so, think there no way prevent keyboard objects deallocation (you may utilize nskeydarchiver). ios8 ios-app-extension custom-keyboard
Read more

Delphi change the assembly code of a running process -

Delphi change the assembly code of a running process - i'm trying alter address 00741fa5 has push test.009e721c . alter push test.009e71c8 . procedure callback; asm force $9e71c8 end; procedure tform2.btn1click(sender: tobject); var ppid :dword; pprocess : cardinal; begin getwindowthreadprocessid(findwindow(nil,pchar('test')), @ppid); pprocess := openprocess(process_all_access, false, ppid); injectasm(pprocess, $741fa5, 10, integer(@callback), 0); end; here injectasm function (with error checking) function injectasm(process: longword; injectaddress, injectsize, codeaddress, codesize : integer): pointer; var csize, rsize : integer; replaced : array of byte; jmp : array [0..4] of byte; jmpaddress : integer; nopv : byte; : integer; nbr: ulong_ptr; begin //injectsize must equal or greater 5, because need space our //(far) jmp wwxxyyzz instruction //if there's no space, inject in place of few instructions if injectsize &
Read more