Jump to content

Recommended Posts

Im trying to use jssor slider from github, but when i copy the code it wont work. For some reason the arrows on the left and right side in the main picture dont show up, even tho when you hover over it with your mouse it does work. Also the unselected thumbnail borders are not the right size. Can anyone help me? Also little loading gif wont show up on main big picture just as on thumbnails.


I uploaded it to http://sugafreetest.hostoi.com


The example what i want to do is http://www.jssor.com/demos/image-gallery.html



Link to post
Share on other sites

If I look at the network requests with my browser developer tools, it looks like there are 2 images that are missing. It doesn't show those as 404 though, your server is configured to redirect to an error page instead, so they show up as a 302 redirect to error404.000webhost.com. I see a18.png and t01.png missing, maybe those are the arrows. If you click on the left or right side it does scroll like you clicked on an arrow. So, you're missing some of the files.

Also the unselected thumbnail borders are not the right size.

If I inspect the thumbnails with my developer tools it looks like there is an element with the class "c" which is too small, the rule that sets the size is in the style.css file.
Link to post
Share on other sites

It can't find the images, looking at the demo the arrow images are at '../img/a17.png' as in


background-image: url("../img/a17.png");


but your css points to "img/a18.png"


background-image: url("img/a18.png");


changing to background-image: url("../img/a18.png"); makes the arrow images on your test site appear.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...