javascript - owl carrousel items with autoWidth -


i trying use latest carousel docs achieve need, want show 3 images in big screens 2 in tablets , 1 in mobile devices, thing achieve before, 1 of images got stretched, tried use auto width, image stopped being stretched, occurs issue carousel don't display items set in responsive object, tries fit container items, can have image ratio, , images continue being responsive:

code: 

<section class="content_section bg_gray border_b_n">     <div class="content row_spacer clearfix" style="max-width:939px">       <div class="owl-carousel">              <div class="item">                 <img src="image1.png" width="112" height="112" alt="client name">             </div>             <div class="item">                 <img src="image2.png" width="210" height="40" alt="client name">             </div>             <div class="item">                 <img src="image3.png" width="210" height="40" alt="client name">             </div>             <div class="item">                 <img src="image4.png" width="210" height="40" alt="client name">             </div>             <div class="item">                 <img src="image5.png" width="112" height="112" alt="client name">             </div>             <div class="item">                 <img src="image6.png" width="210" height="40" alt="client name">             </div>             <div class="item">                 <img src="image7.png" width="112" height="112" alt="client name">             </div>         </div>     </div> 

$(document).ready(function(){     $(".owl-carousel").owlcarousel({        responsiveclass:true,       items: 3,       autoplay: true,       margin:20,             loop:true,       mousedrag:false,       autowidth:true     responsive:{                 0: {             items: 1         },         479: {             items: 1         },         768: {             items: 2         },         979: {             items: 3         }      }   }); });

try -- set max-width:100% of images


Comments

Post a Comment

Popular posts from this blog

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

python - ValueError: No axis named 1 for object type <class 'pandas.core.series.Series'> -

i´m new programming. i´m trying use scipy minimize, had several issues , gotten through of them. right code, i'm not understanding why i´m getting error. par_opt = so.minimize(fun=fun_obj, x0=par_ini, method='nelder-mead', args=[series_pt_cal, dt, series_caudal_cal]) not enough info given op, somewhere in code it's specified operate data frame column (axis=1) on object pandas series. if code typically works occasional gives errors, check degenerative cases data frame may have 1 row. pandas has nasty habit of guessing want -- may decide reduce 1-row data frame series (e.g., apply() function; can disable using reduce=false in there). add line of code check object isinstance(df, pd.dataframe) or else convert offending pandas series data frame, s.to_frame().t problems had deal with.
Read more

java - How to provide dependency injections in Eclipse RCP 3.x? -

everyone! i'm trying deal eclipse rcp 3.x application. i've read lot of articles dependency injection in rcp e4 applications. can use di in rcp 3.x apps? i found perfect link di in e4. idea how use in rcp 3.x app? first of all, i'm interested in own objects injection (btw, how add own object application context?). best regards in 3.x code can ieclipsecontext necessary use contextinjectionfactory using ieclipsecontext workbenchcontext = platformui.getworkbench().getservice(ieclipsecontext.class); to workbench context. in view or editor can current part context using: ieclipsecontext partcontext = getsite().getservice(ieclipsecontext.class);
Read more