Easier usage with markdown - featherlight.js

I am trying to use this from my markdown text. I want to show an image and clicking that will open in a lightbox. I am using something like below now:
![Hugo](https://raw.githubusercontent.com/spf13/hugo/master/docs/static/img/hugo-logo.png)
Is there a way to achieve this without writing the url twice?

You could bind featherlight on the <img> tag and use the targetAttr to get a similar effect.

Related

How do correctly use the "value" parameter for modal popups?

On www.purelocal.com.au
There are icons and text with the value="X" parameter to open it's respective JS popup.
However , according to HTML validation I cannot apply the value="X" parameter to images or plain text (only using certain tags like INPUT,OPTION etc.
Does anyone know about this? Wrapping the text and images around these tags in order to pass HTML validation seems like a weird thing to do.

how to create a Textformfield with the ability to place images?

example 1
Example 2
What I need to create in a specific way is a floatingbutton in which it goes to an addpage, where there will be a textformfield. I want to know how to put images from the gallery in the course of the text, in the middle, has as? If anyone can give me a tip I appreciate it !!!
you can use something like an inline/HTML Editor to achieve that interface.
You can do it in two ways:
Using an HTML editor
You can use this library HTML Editor
Else you can use an inline rich text editor like
Zefyr
Both these solutions would work equally fine.

Using flexslider to display multiple fancybox galleries

I have a few fancybox galleries in thumbnail format and I would like to use flexslider to shift between them.
I'm trying to accomplish something like this: http://www.herschelsupply.com/lookbook/
Is this possible, and if so, what do I need to do?
I've looked around quite a bit and I know it's possible to run multiple galleries on the same page, but I haven't seen any comments on a setup like the one above.
Thanks for your help!

need to style input from a form with css in real time

Ok im struggling to find anything on this as im probably searching the wrong keywords.
I have a backed form thats use to display content on a page. When entering the details i want to be able to use a basic text editor to style the text, like bold, bullets, underline.
On top of that i would also like to allow them to wrap section in paragraph tabs, apply a certain style i.e style id="x".
Its more for backend so it doesnt have to be really user friendly but if there was an uncomplicated way of showing the styles in the form as i apply them, basically a WYSIWYG view. If not i will settle for applying the styles without having to see all the hmtl and css tags in the editor but when the information is passed via the INSERT query it will show pass all the relevant code like My Style and so on.
Now im quite happy to spend the time learning how to do this if you point me in the right direction but i have no idea what keywords to search. Ideally if there is a script out there i can just edit to my needs would be great too rather than starting from scratch.
Finally since im learning php and mysql still keeping it dumbed down will help and also since my values im passing is going to be full of characters the code wont like what functions should i look up to pass the code and content into the database to avoid breaking the code
I'm not entirely sure what you mean, but it seems you can achieve what you want using an editor like for example TinyMCE in combination with JQuery?
With JQuery you can show/hide items and ander your css like
$("p").mouseover(function () {
$(this).css("color","red");
});

Styled ALT Text for not shown images

What happens if you use images in an email to replace text?
Most of the email clients do not load images by default. So... a normal user would not see anything.
But what happens when you use images this way:
<img src="notfound.jpg" alt="NOT FOUND"/>
Do they see the NOT FOUND alt if the image has not loaded? And what if it is styled similarly to the image to make it look a bit better, for example:
<img src="notfound.jpg" alt="NOT FOUND" style="font-size:24px;color:#FF00FF"/>
Are this alt texts styled accordingly?
Thanks
A whole bunch of email clients don't actually render the alt tag - they either render the title tag, and the styles don't get applied to that, or they render the filename or something else.
So it works for a few clients, but it's nothing like widespread.
Add a title tag in addition to your alt tag.
Unfortunately certain email client will ignore these tags and only show the link URL.