Categories
CMS Magento Mastering Development

Slick slider: Image size issue on page load

I added CSS so first slide show up with other elements, but I think the image shows up with the original size and then working perfectly when page load up completely. My css: .home-slider-wrapper .item { display: none; } .home-slider-wrapper .item:first-child { display: block; } .home-slider-wrapper .slick-initialized .item { display: block; } My slider: <div […]

Categories
CMS Magento Mastering Development

Slick slider: Image size issue on page load

I added CSS so first slide show up with other elements, but I think the image shows up with the original size and then working perfectly when page load up completely. My css: .home-slider-wrapper .item { display: none; } .home-slider-wrapper .item:first-child { display: block; } .home-slider-wrapper .slick-initialized .item { display: block; } My slider: <div […]

Categories
CMS Magento Mastering Development

Slick slider: Image size issue on page load

I added CSS so first slide show up with other elements, but I think the image shows up with the original size and then working perfectly when page load up completely. My css: .home-slider-wrapper .item { display: none; } .home-slider-wrapper .item:first-child { display: block; } .home-slider-wrapper .slick-initialized .item { display: block; } My slider: <div […]

Categories
CMS Magento Mastering Development

How to implement slider banner editing with elements through the admin panel

I have a slider on the main page, consisting of links to categories and pictures that are displayed. This is implemented through the template. app/design/frontend/qqq/www/template/cms/brands-carousel.phtml <div class=”brands-carousel-container”> <h2><?php echo $this->__(‘Some of the brands’); ?></h2> <div class=”owl-carousel owl-theme brands”> <div class=”item”> <a href=”<?= $this->escapeUrl(Mage::getModel(‘catalog/category’)->load(44)->getUrl()) ?>”> <img src=”<?php echo $this->getSkinUrl(‘images/slider/home/brand/aialu.png’); ?>” alt=”Aialu” /> </a> </div> <div class=”item”> […]

Categories
Mastering Development

How to load again(reload) component in VueJs or destroy it and load again?

I have a component in VueJs such as Aplayer(or any other components) for playing audio and managing playlist on it. Now I need to reload it when I change the playlist without changing the routes. is there any way to reload a component or destroy it then load it immediately? I want to change the […]

Categories
Mastering Development

Cordova app not open azure media player video

I have an app made in VueJS with Quasar framework that has a tag that opens an Azure Media Player video. It works perfectly in the browser but when compiling with cordova for android it doesn’t play the video in the apk, apparently it doesn’t load the JavaScript: <link href=”//amp.azure.net/libs/amp/2.3.0/skins/amp-default/azuremediaplayer.min.css” rel=”stylesheet”> <script src=”//amp.azure.net/libs/amp/2.3.0/azuremediaplayer.min.js” onload=”alert(‘Cargo el […]

Categories
Mastering Development

How to make a animation carousel? [closed]

How can i make a carousel when i slide to next image then background will be change too When i slide to next image in CarouselSlider then background is image in BgImageList will be change by FilterColor, Sorry my English not good :(( return Stack( children: <Widget>[ AnimatedContainer( duration: Duration(milliseconds: 500), child: Container( height: 300.0, […]

Categories
Mastering Development

Can I use different pictures in Owl Carousel 2 depending on screen size?

I have Owl Carousel 2.3.4 in my project and Pug as JS templating engine. I need to show different images in desktop and mobile versions. URLs for images are added dynamically from database (3 images in promoSliderImgs and 3 urls in promoSliderMobile). For now, I’ve made two carousels which are shown according to screen size […]

Categories
Development

Not able to Show live camera RTSP streaming with AngularJS

I’m developing a web application using angularjs, I need to add a window that shows a live RTSP streaming.I can be done that with JSMpeg js library. In the server side I found this nodejs example Stream = require(‘node-rtsp-stream’) stream = new Stream({ name: ‘name’, streamUrl: ‘rtsp_url’, wsPort: 8081, ffmpegOptions: { // options ffmpeg flags […]

Categories
Development

Gesture detector can’t Trigger inside StackView

i have messy problem with Gesture Detector. the method onTap() doesn’t give me print out. It’s looks like static, however i have put it in stateful widget and I have written it in Stateful Widget which snippet code like below: class HeaderData extends StatefulWidget { @override _HeaderDataState createState() => _HeaderDataState(); } class _HeaderDataState extends State<HeaderData> […]