image-carousel | A simple image carousel/slider | Carousel library

Trying to get a 'displayImages' array as a computed property. Using a default 'selected' property = 0. this.selected changes accordingly on mouseover and click events.

When trying to get the computed 'displayImages' it says:

I need to combine all variables in one object:

Currently I'm working on an E-Commerce website, and I've successfully inserted dynamic multi select dropdown values into database with implode. And they look like 2, 3, 4.

Now I want to retrieve those values without comma and spaces and show them as buttons, I tried using explode but it is not working.

Here are my tables:

Dynamic Sizes Table

T-shirts Table Where Sizes Are Stored in "tshirt_size" Column

Here's the code which I use to insert the size values

slider crashes when I add slider # 2 to in html but it works fine when I delete the second section. My goal is to control 2 separate sliders independently.

I have an ajax call that returns a partial view (carousel with images) and places it within a Modal. Everything is working correctly but the carousel doesn't display the images right away.

If I press F12 or resize the window the images render. Or if I cycle through both images using the carousel controls the images show on the second round away.

The modal is in a partial on the main view on page load but holds no content until the ajax returns the images.

I am struggling to implement the very basic features of Owl Carousel. In my carousel user can only browse the slides by select and hold one image and drag. it gives no hints to the user that there are more images which they can actually browse and drag. All I want is to put a previous/ next arrow so people can click the arrow and to view more images in the carousel. But I am struggling to do that probably because the carousel implemented in a complicated way.

My site is on Wordpress but the Owl carousel plugin has not been used. Its been implemented manually. The images in the carousel are fetched from the database.

This is how the carousel getting the images . File name shortcode.php

The situation: I created an image gallery and in the right side an image carousel. In the left/right side of the image carousel I'm having 2 arrows and I can see the images from the left/right. When onmouseover one image from the carousel, the bigger image should be changed with the hovered image and when onmouseout the old big image should be back.

The problem: The onmouseover is working only to the first image from the top of the row. So if you hover over the first image from the top, the big image is changed. Also, if you click the arrow from the right and then hover first image it works. But if you hover other images, is not working.

What I tried: I tried different versions and combinations to access the image from the div carouse-item. I tried to receive the image source of hovered image by using var source = $(this).attr('src'); and then by updating main image source. $('.main').attr('src', source);

The code: Sorry for having too much code but I could not show you otherwise. Also, please see JSFiddle if is not working: http://jsfiddle.net/cpL85t2h/

I need a way to force each image to fill the div no matter the size of the div. I thought this is what width: 100% was supposed to do but it's not working the way I expected it to.

I'm trying to run a react native project in iOS mode.