Images is not showing

I designed a different website for mobile in which I created a carousel, in that carousel images are not showing, I checked the extensions but still, it is not showing extensions are in jpg.

It would help a lot if you included a URL where we could see it rather than have to guess what kind of carousel you’re using and how you’ve configured it.

http://solutiongeek.in/ (move horisontal size of browser for mobile )

try cleaning cache ! or some ADS blocking your view :stuck_out_tongue:
because it works properly (but the speed is annoying - slowdown that slider transition)

failed to load !!!
<SCRIPT data-cfasync="false" SRC="//bdv.bidvertiser.com/BidVertiser.dbm?pid=797520&bid=1925629" TYPE="text/javascript"></SCRIPT>

how to slowdown you ask :smiley:

find this inline js in your source code
look for my HERE comment (I’ve already modified it from 2000 to 6000)

 <script>
                var slideIndex = 0;
                showSlides();

                function showSlides() {
                var i;
                var slides = document.getElementsByClassName("mySlides");
                var dots = document.getElementsByClassName("dot");
                for (i = 0; i < slides.length; i++) {
                   slides[i].style.display = "none";  
                }
                slideIndex++;            
                if (slideIndex > slides.length) {slideIndex = 1}    
                for (i = 0; i < dots.length; i++) {
                    dots[i].className = dots[i].className.replace(" active", "");
                }
                slides[slideIndex-1].style.display = "block";  
                dots[slideIndex-1].className += " active";
                setTimeout(showSlides, 6000); // HERE every 6 seconds
                }
            </script>

sorry - I have ads blocker “ON” when I was watching your site and because of that your script I mentioned above did not work (ignore it)
<script data-cfasync="false" src="//bdv.bidve.....

ok my carousel working properly

I don’t know but I think oxydac has nature, to always give some extra suggestions, thanks for that :wink:

thank you for those words :slight_smile:

that’s because you know how to say thank you

when you say that
I know you appreciate my time I’ve taken away from my life to help you

Many people are like grasshoppers
They go from field to field without thinking of what a wasteland leave behind

It is very difficult to help people here
first because my resources are limited and everything I can see is through the browser
and many times I have to be guided by intuition rather than real evidence

the next problem is estimate the knowledge of someone who asks something

because if someone has level 1 of 10 knowledge
and I answer him too professionally with a lot of IT words
I will not help him

on the other side
if I misjudge someone’s knowledge and start answering the usual things like (clear cache, check user and password), that person may be offended and then write things like
do you know who I am? I’m a mega super CEO of a huge IT firm

I see you use the image civil.jpg
it is 1.18MB and you definitely need to optimize it because
it slows down the initial loading of your page

do it here spam img service

I also know that you have disabled the cache with the htaccess file
and I would certainly recommend you to keep an eye on “Daily Hits” in the control panel
because without cache your site has exponentially more requests on server

Ok OxyDac I compressed my jpg file and see that’s what I told you, your reply contains an extra suggestion :smiley:

:stuck_out_tongue:
you are displaying carusel only if the resolution of the device is smaller than 990x horiz.

so there is no purpose for these images to be full HD (electronics.jpg civil.jpg )
resize it and then their file size will be much smaller

ok Oxydac I will do that…thanks :slight_smile:

answer to your private question
your carusel is already responsive

I use these two on my page (but for that you need some jquery and css knowledge)

spam 1 for videos from my youtube
spam 2 homepage

I mean there should be arrow buttons on both left and right side so that user can slide the images by their own, I don’t know much about Javascript that’s why I can’t change that code, I need your help

var slideIndex = 0;
showSlides();

            function showSlides() {
            var i;
            var slides = document.getElementsByClassName("mySlides");
            var dots = document.getElementsByClassName("dot");
            for (i = 0; i < slides.length; i++) {
               slides[i].style.display = "none";  
            }
            slideIndex++;            
            if (slideIndex > slides.length) {slideIndex = 1}    
            for (i = 0; i < dots.length; i++) {
                dots[i].className = dots[i].className.replace(" active", "");
            }
            slides[slideIndex-1].style.display = "block";  
            dots[slideIndex-1].className += " active";
            setTimeout(showSlides, 2000); // Change image every 2 seconds
            }

that slider on W3C is the most basic school example

if you want to run something on mobile devices
so that users can manually move next/prev
you need a much stronger script + transition effects

such a script must be able to recognize a finger on the touch screen
(draggable, etc.)

why do you think users would use it?
It’s not a gallery with some great pictures

90% of them will come to your site just to download a pdf
And it’s up to you to make that experience better

there are many responsive sliders

some work only with pictures of the same size
some are free but contain obfuscation in javascript
and then either follow you or put the advertisement like some visible link above the picture

for you… it makes no sense to use 600KB scripts to make 6 small pictures slider
which no one will watch but immediately scroll down

it would be different if you have a special page which contains galleries
and then if you have 50+ quality pictures - let people to look at it

ok Oxydac I got it, thanks for tip