when clicking on image set it pops out and goes directly open without the use of lightbox. When I go page back then the lightbox start working normally.
when I change
<img class="" src="images/import/import1/1.jpg" />
Related
The problem is only with svg images. Works well with other formats
Hello! I am using an Image component in nextjs. I ran into a problem while trying to add an svg image to a modal window. When I open the modal the image is missing and it takes about a second to load. This happens every time the modal window is reopened.
I think this is due to "Lazy Loading". This option is very inappropriate in this case. I would like to load the image as soon as the user enters the site, and not during the opening of the modal window
I have tried several ways.
assign Image properties to the component
`
<Image
src={Email}
alt={"Picture"}
width={20}
height={20}
loading={"eager"}
priority
/>
`
Problem still exists. Loading an image takes a second of time after each modal window is opened
Load an image in the main component, and pass it through props to the modal window.
Problem still exists
My svg image is very small. I have also tried other images
I have a simple website made with react, I am trying to add some links at the top of a Boostrap modal, so that when clicked, it takes you to a specific section of the modal.
for example a link looks like this,
<h4>Infected Olecrenon Bursitis</h4>
and the div I want it to take us to looks like this,
<div className="text-left border border-info rounded" id="iob">
//some code
</div>
Before opening the Bootstrap modal, we are on this page link. www.page.com/primary/guide Then we click an img which then opens the modal.
If I try it with the above code, the modal disappears and the screen fades, and my url now says
www.page.com/primary/guide/#iob
[![enter image description here][1]][1]I see lots of Questions regarding ng-click event triggered while swiping images on phone. and there are lots of solutions on this. But I have placeholders when I click on it, it should open a window to select image using ngf-select(danielfarid's) which will open a window when swipe event compeleted, I tried detecting swipe trigger and tried not adding images based on flag set after detecting swipe trigger. But still the window is getting opened as soon as user ended swipe.
I am using bxslider to show gallery where we have pager and the image selected, so when I try to scroll pager in mobile using swipe it causes opening window to select file. as the last three placehodlers have functions to upload image using ngf-select.
this is the code for placeholder i am using to select images
<a ngf-select="uploadImage($files)" >
<i class="fa fa-plus-circle mainimg"></i>
<img ng-src="img/plus.png" class="tb_gal"/>
</a>
So the case of horizontal swipe is handled in v 12.2.5 and this issue is resolved in ng-file-upload/danielfarid v 12.2.5.
I'm about to kill someone and I'm thinking of the JQM team at the moment. Sigh!
So, clearly I'm doing something stupid.
I've populated a JQM popup div with some info from my database and on first page load, clicking the button with the popup's id as HREF works great!
When I submit the form and return to the same page, it doesn't work. Inspecting the element I see that the ID of the popup is appended with '-placeholder' and the div simply has a comment in it.
Problem: On page reload, I can't click on the HREF that links to the popup (or I can but nothing happens - obviously because the markup has vanished).
Here's the view code of 1. the link to the popup div and 2. the actual pop up div on first and second page load.
Linking to popup:
Browse Database
Original popup div element
<div id="reqform_search_sicnaic" data-role="popup">
<div data-role="header" data-theme="b">
Random Header
</div>
<div data-role="content">
Random content
</div>
</div>
Popup div after form submission / second page load
<div style="display: none;" id="reqform_search_sicnaic-placeholder"><!-- placeholder for reqform_search_sicnaic --></div>
Obviously, I can't open the dialog on page load. :(
I have a website that aggregates some FB events for my city and I've tried making it responsive
I'm having an issue opening it in my phone(s3 mini) that the image for the event won't load correctly.. BUT it loads when I try closing that fancybox and opening the a second time, this doesn't occur at all in desktop browsers.. I have no idea on how to fix this, can anyone help?
Address: fubuia.com.br
Here's pics:
Opening an event for the first time
After closing fancybox and opening it again
With some code it would be better...
I think the image is loaded after your fancybox, try to add width and height properties in your images.
<img src="/path/to/your/image.jpg" alt="" height="100" width="100">