How to give a fixed size to image in magnific-popup pluggin - magnific-popup

I am using magnific-popup pluggin to display some image links in my application. It displays all the images with their actual size. However, I want to display those images with my custom width and height.. How can I do that.. Is there option to give size of content in the magnific-popup during initialization..? Do any one have an idea..
Thanks in advance.

I found the answer. It can be done by changing the respective class's css properties manually. But, that is also fixed for all images.
Thanks.

Related

Text field problems Xcode

I’m creating an app and need to make a signup/login page. I added a background using a picture and a zstack and on top I have the text and text fields. The text fields are showing up but not allowing me to add padding as well as there is no title text showing. Please help.my code
Did some more testing to find out that this happens whenever I use a textfield over an image. Not sure if this is a bug or not but it seems to be because as soon as the zstack is removed everything works.
At last ive discovered the issue, the text fields are extending way out of the canvas. Ive fixed the width of the textfield as a temporary solution but still looking for a way to fix this relative to the screen rather than the background as the field extends to the size of the image. Let me know if you can help as im just starting to use xcode!
I think its because the image cause canvas to be much more bigger and you use edgesIgnoringSafearea(.all)
Try to use on the image clipped() method and i think it will fix your issue with the padding.
And also try to add foregroundColor to the test fields

markers disappear when resizing the canvas?

I'm trying to develop a responsive website and even if my Google map displays fine, no marker appear on it if I decrease the size of the window (or if I use a mobile device)…
Here is an example page: http://www.parisdigest.com/test-mobile.htm (the marker should appear on Paris).
Thanks a lot!
I found the solution. My responsive CSS contained some code to add a max-width to some elements, including "div". I just added div#map_canvas,#map_canvas div{max-width: none} and solved this issue.

impresspages -- Is there a simple way to align images center, left, or right?

I see it's easy to change the image size, make it link to something, or change the title and description, but what I don't see is an option to align the image right, left, or center. Am I missing something?
I'm using the Air theme, if that matters. I'm new to Impresspages.
Thanks!
Edit:
Just to make it absolutely clear what I'm asking:
I'm using Impresspages. I want to insert an image and make it align to the right, for example.
I have no trouble dragging and dropping the image widget to where I want it to go. I have no trouble uploading the image. If I wanted to, it is quite clear how to change the image size, how to add a link, and how to change the title and description of the image.
However -- I would have thought there would have been an option to align the image to the left, right, or center, but there is no such option. I have checked Stackoverflow very carefully, as well as the Impresspages site, and I don't see anywhere how to do what should be a really simple thing.
Am I missing something? Or do I need to just learn how to do without right aligning my images?
Thanks!
You can do that by dragging image widget next to other widget on any side. It that case it will align where you want. Here's an example - http://cdn.impresspages.org/core/file/2014/04/03/Impresspages_no_colum_01_1_2.gif
To make it centered is a bit tricky. There are no straightforward way of doing it.
If you really really need this, you can try using RichText widget. It allows to insert image into a text as it is in any text documents.
You can create additional skin for Image widget to be centered http://www.impresspages.org/docs/widgets#skin
Geeky way. But going to work.

Background show clearly and after the content appears blurry.

I'm trying to do a background that at first it looks clearly and after the content appears, I want it to be blurry. I want this to be in a CSS with Javascript, not flash. As an a example : http://www.lanvin.com (example is flash). This is possible ? and how ? Thanks .
You could set a background in css then when the all content loads use javascript to place a translucent but bury image over the top.

Cocoa: Obtaining an image that's displayed in another application

One Google Chrome extension displays a window with an image once in a while, how can I get the image from it with Cocoa?
Basically there is a window and image inside it, and I need that image for my program.
Thanks for reading!
Use CGWindowList to get all the windows in the current session, look through it for the one you're interested in, use CGWindowList again to take a screenshot of it, and cut the image out of the screenshot.
If the window is sized and/or scrolled such that the image is not completely visible, you're out of luck.
There is no way to extract the original image from a window it might have been drawn into.