sorry for my English.
I have installed wordpress theme “Dynamix”. Dynamix uses plugin WPBakery Visual Composer. When I insert “Single Image” in post, then image have empty src. Example:
<a class="fancybox galleryimg blackwhite " style="width:200px" data-fancybox-group="gallerygdgrid_1" title="Controller" href="http://localhost/wp-content/uploads/2013/07/circle1.png">
<img class="gallery-img " width="200" height="200" alt="Controller" src="" style="visibility: visible; opacity: 1;">
</a>
When I insert image using wordpress embedded “insert media” window all works fine.
Where is the problem?
Thanks You!
Related
I hate this feature, I'm using firefox and I wish it to be gone. Userscript, addon, anything.
The code has:
<script nonce="ziBYfmQtyh1QG-QsCTWRKg">content<script/>
The "content" has this line for every video:
{"richItemRenderer":{"content":{"videoRenderer":{"videoId":"Blcru7OU41k","thumbnail":{"thumbnails":\[{"url":"https://i.ytimg.com/vi/Blcru7OU41k/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ==%5Cu0026rs=AOn4CLDQiFXmnf31H-gy3rz5GD-mWDnYuw%22,%22width%22:168,%22height%22:94%7D,%7B%22url%22:%22https://i.ytimg.com/vi/Blcru7OU41k/hqdefault.jpg?sqp=-oaymwEiCMQBEG5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ==%5Cu0026rs=AOn4CLDYZ7fHwLPA5VTzM1gQ40q8ZF-hDQ%22,%22width%22:196,%22height%22:110%7D,%7B%22url%22:%22https://i.ytimg.com/vi/Blcru7OU41k/hqdefault.jpg?sqp=-oaymwEjCPYBEIoBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=%5Cu0026rs=AOn4CLDuj9mh9uH-DiL4zHfeCxL0tOkg4A%22,%22width%22:246,%22height%22:138%7D,%7B%22url%22:%22https://i.ytimg.com/vi/Blcru7OU41k/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=%5Cu0026rs=AOn4CLDDROOHBu_SDYf0xkgTYdvGRKeKag%22,%22width%22:336,%22height":188}\]}
Thumbnail isn't loaded:
<yt-image class="style-scope ytd-thumbnail" alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
<img class="style-scope ytd-thumbnail"\>\<img alt="" style="background-color: transparent;" class="yt-core-image--fill-parent-height yt-core-image--fill-parent-width yt-core-image yt-core-image--content-mode-scale-aspect-fill"
</yt-image\>
Thumbnail is loaded:
<yt-image class="style-scope ytd-thumbnail" alt="" ftl-eligible="" notify-on-loaded="" notify-on-unloaded=""
<img class="style-scope ytd-thumbnail"><img alt="" style="background-color: transparent;" class="yt-core-image--fill-parent-height yt-core-image--fill-parent-width yt-core-image yt-core-image--content-mode-scale-aspect-fill yt-core-image--loaded" src="https://i.ytimg.com/vi/Blcru7OU41k/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ==&rs=AOn4CLDQiFXmnf31H-gy3rz5GD-mWDnYuw"></yt-image>
</yt-image>
Tried everything, every addon. I think youtube uses some unique technique.
Using Thymeleaf, how can I make an image act as a hyperlink?
The Thymeleaf Documentation says nothing about images and I tried using standard HTML for this issue but none of the below attempts made my image an active hyperlink.
<a th:href="#{/user/myUser}">
<img src="../../static/images/image.jpg" alt="logo"/>
</a>
<a href="https://www.w3schools.com">
<img src="../../static/images/image.jpg" alt="logo"/>
</a>
<a href="/oauth2/authorization/google">
<img alt="Google Login" title="Google login"
th:src="#{/images/login-with-google.png}" />
</a>
I got a problem with Joomla. I created a MenuItemType Category Blog which perfectly lists all the articles of a single category. Nevertheless I got a problem when I create an article for the category. Joomla automatically turns all images into readmore links. For instance
<p>
<img alt="" src="image.JPG" style="width: 180px; height: 79px;" />
</p>
will turn into
<a href="/index.php/en/news/24-zweite-news" title="Read more: Zweite News">
<img src="image.JPG" width="180" height="79" class="multithumb_blog" style="border: ;" alt="Read more: Zweite News">
</a>
I cannot find any configuration parameter to change this behaviour.
Hi i have a div like below
<div id="iconArrow"><img src="footer.jpg" width="35" height="27" style="position:fixed;"></div>
i need to add a text "more" on right side of image. please help me check the example image for final output.
after adding codes
It could have something to do with HTML5.
HTML5
<figure>
<img src="footer.jpg" width="35" height="27">
<figcaption>More</figcaption>
</figure>
CSS
figure {
position: fixed;
}
figure > * {
float :left;
}
Here's a jsFiddle
If you want your image to be fixed and you want to add a text beside it I suggest your wrap your image tag in another div with fixed position and do this:
<div id="wrapper" style="position: fixed;width: 35px;height: 27px;">
<img src="footer.jpg" width="35" height="27" /><div style="position: absolute;right: 0">your note</div>
</div>
i'm using TinyMCE for custom insert image, the problem is when i insert image with advimage, example
http://mysite/folder/image.jpg
but the image link when it loads become
<img title="" src="../../image.jpg" alt=" " width="450" height="581" />
how can i get the output to become like
<img title="" src="http://mysite/folder/image.jpg" alt=" " width="450" height="581" />
sorry for my bad english
thank you
Have a look at one of moxiecodes tinymce example pages:
http://www.tinymce.com/tryit/url_conversion.php
I guess this will show you how to configure your tinymce.
tinyMCE.init({
// General options
convert_urls : false,
...