hello i added jquery lighbox into my image gallery page but when i opened the developer tools to make my webpage responsive it gives this error [DevTools failed to load SourceMap: Could not load content for file:///C:/Users/dell/Desktop/image-gallery/html/js/lightbox-plus-jquery.min.map: System error: net::ERR_FILE_NOT_FOUND]
i located the jquery.min.map file in lighbox folder and added it in same path to my index.html it stopped giving this error but still i cant make my webpage responsive after using jquery lighbox.i want to make my webpage responsive for screens <600px width what should i do? I am a beginner level developer so please any easy solution.
#media screen and (max-width:600px){} this works fine for making my other webpages responsive where i just used simple javascript and no lightbox.
There is no file lightbox-plus-jquery.min.map
You can download from here
https://land.copernicus.eu/user-corner/technical-library/corine-land-cover-nomenclature-guidelines/js/lightbox-plugin/dist/js/lightbox-plus-jquery.min.map/view
you have to add file in js folder.
Hope it work !!
Related
My css only works when I open it with live-server. I didn't realized it until I tried opening the file
of my projects. The JS functionality is there, but my project is just stale, just black and white. I'm using sass and live-sass compiler. And also using a map api leaftlet and open weather api. SO please help,
cannot seems to figure out why my css is not present when I open my project on file or in another browser.
I have seen through your file and I think your issue is your image hasn't been loaded.
You have an image of the starry sky, right? You can only see the black and white page with some icons after the search because your image hasn't been loaded.
As you access the page by opening the file, the image URL in your CSS file is the path relatives to the current CSS file, which means the URL should be ../image/night.jpg.
If you access the page through the live server, that URL is the path relative to your host.
Hope that I understand your problem correctly. I am still learning too :)
The problem happen after moving ASP.NET from VS2010 to VS2017.
The problem is, while loading the page on browser, it flickers showing the content same as if css is not applied, and immediately apply it.
Screen shot while loading the page:
Screen shot after loading the page:
I have found the solution for my problem, the solution was to add the links of the css files before the links of the java scripts files in the head section of the page.
I'm currently working on a theme aimed at studios and I thought i was about finished, but then i noticed that the audio isn't implemented correctly(which is kinda important for a music based theme).
When the file is added using the add media button in the back-end, then the file is added to the page/post. When you view the page, then the media player seems to load in the HTML5 audio tag and not the built in MediaElements, but if you inspect the page and change the screen size to 768px or less, then the MediaElements is loaded. I have looked and looked, but I can't seem to find out what it is that is causing it.
There appears to be a JS error in the console that only shows when you load the site at larger than 768px wide as you mentioned in your post. The error stems from your theme /assets/masonry-settings.js file. I think the JS error is blocking the JS from the media elements plugin from being able to hijack the native HTML5 audio tag as it is supposed to do.
Uncaught TypeError: $container.masonry is not a function
at runMasonry (masonry-settings.js?ver=1.0:29)
Assuming you are the theme developer you should be able to troubleshoot the issue...
When using Qt5 on snowleopard, even with the prebuild 5.1 Qt version, I'm unable to make a video show up in a QWebView, I tried loading the video in a tag without success.
The Dev tools highlight a 0pixels width x 0px height at the video tag origin.
I tried loading a h264 mp4 file directly into the qwebview, but all it tells me is inside the Qt output console
Error loading /Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin: dlopen(/Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin, 265): no suitable image found. Did find:
/Library/Internet Plug-Ins/QuickTime Plugin.plugin/Contents/MacOS/QuickTime Plugin: no matching architecture in universal wrapper
And blank page in the view.
Have no idea where to go from here.
Any idea or suggestion why I'm unable to play videos (even local videos) inside QtWebkit?
I have a mobile web application (.NET MVC) and I'm using JQuery Mobile (beta 3 & jQuery 1.6.3). My question is regarding the attribute 'data-icon' on various elements. For example, I have an element:
Home
When I run the application locally, everything appears as expected. There is a small circular button with the 'home' image inside. When I deploy my application to my host (Arvixe), this same button renders as expected in Chrome, but does not render as expected on my mobile phone (Nexus One). On my phone, the home icon image does not appear at all.
JQuery mobile is referencing the image sprites in the following manner:
background-image:url(images/icons-18-white.png);
I can verify this image does in fact exist in the proper location, as it appears on the desktop browser, I can get to it with a URL (Desktop and Mobile) and my host log shows that requests to that URL are coming back with a 200 response. I have even connected my web application, while hosted to a weinre server, and I can verify the DOM element does have the correct image path. What's even stranger, is that when I go to jquerymobile.com on my phone, the same icons appear, the problem seems isolated to my hosted site.
Is there something I'm overlooking? Thanks.
I think I may have solved this. When upgrading from jQuery mobile beta 2 to 3, I did not upgrade the corresponding images as well. Grabbing the updated images seems to have done the trick.
Plese place your images folder (which will come from jquery-mobile downloaded zip file) along with your css files.
Ex: If you have copied the .css files to some location named
d:\project\styles\jquery.mobile-1.x.x.css
Then please place the images folder as show below
d:\projects\styles\images
you need to set data-role="button" on anchors for them to appear as buttons with jQM (jQuery Mobile).
see here
Home
this is the only thing I can think of.
The latest jquerymobile has fixed this issue. If not, you need to check the following steps.
check images folder of jquerymobile and jquerymobile CSS are in the same directory
If you put jquerymobile CSS in separate folder, you need to change "path" in this stylesheet