add images to placemakrs google maps - google-maps

I thought this would be simple enough but i cant seem to find a solution to this. All the examples online talk about "editing html" but this option is not there in the maps...at least i cant see it. All i want to do is add a image to the custom place mark I have created. I have made the map public
URL: https://mapsengine.google.com/map/edit?mid=z7IEPC0nBH4A.kVBxNdxzStY8
How do I do this?

I can see two bugs in your html code:
<img src="https://www.dropbox.com/sh/4olxpkce50nijq6/ttNsJsNx5l/IMG_6080.JPG?m />
First, there are missing ending Quotation Mark:
<img src="https://www.dropbox.com/sh/4olxpkce50nijq6/ttNsJsNx5l/IMG_6080.JPG?m" />
Second, you are linking to invalid dropbox image url,
instead of linking "image", you linked to "dropbox page" with this image
try this:
<img src="https://photos-5.dropbox.com/t/0/AACDK3--td1dHfzvjPpZJV7nOHG4TetLvnZcq57l0dPI-g/12/11970178/jpeg/1024x768/3/1367881200/0/2/IMG_6080.JPG/Ipzuc65vlNu4q5l1IRF6ByweEjvI54jmqjRGonaT55Y%2CNbkC0I3psIX50JxgE7E9ooD5ZE9BHKQ13r62AelzYNo" />

Related

How do I get the relative file path of an image or video?

Each time I try to add an image to visual studio code I keep having to inspect and get the entire image source code.
I would like to just use /images/down-chevron.png.
Any help?
Thanks!
Example of my code:
<img src="file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services/images/up-chevron.png" id="upArrow" onclick="upArrow()">
<img src="file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services/images/down-chevron.png" id="downArrow" onclick="downArrow(
</div>
You're almost there. Just replace the "file:///C:/Users/tashe/Downloads/CODING%20CAGES/Cleant%20Dental%20services" with a dot from the src attribute and you'll be good to go.
<img src="./images/down-chevron.png" >
In VS Code, depending on your autocomplete settings, each time you write src, should give you options for autocomplete including the images folder.
You could store the images you'd like to use in a folder called img inside of the folder where your HTML and css live. Then for the img tag in the HTML you could use something like
<img src="./img/down-chevron.png">
The ./ lets you navigate through the working tree. Using ../ would go back two directories if needed.

Regex to find DIV tags and retrieve image name

I have to replace several thousands links to images hosted on Photobucket, and change the links to a different hosting site. The links are contained in posts in a Wordpress site. Namely, I have to find the following syntax:
<div style="clear: both; text-align: center;"><img border="0" src="photobucket.com/albums/mypath/IMAGENAME.jpg" /></div>
where mypath can vary, and replace the entire DIV tag with
<img class="alignnone size-full aligncenter" src="http://mynewpath/IMAGENAME.jpg" alt="" />
I found the Search Regex plugin for WordPress, which allows mass Search & Replace using RegEx's. Unfortunately I can't create a RegEx specific enough to identify only the DIV tags that I want. I came up with this:
<div\b[^>]*>.*?<img.*?photobucket.*?\/(.*?\.jpg).*?<\/div>
which works most of the times. However, it sometimes captures consecutive pairs of DIV tags. How can I be sure to capture a single DIV tag and capture the image name inside?
PS: I know that parsing HTML with RegEx's is not recommended, but the Search Regex plugin is the quickest way I found to solve my problem.
EDIT: edited the example for clarity
Well you could use jQuery to do that for you.
Since you don't have access to SQL to search and replace.
lets say you have URL like this http://replaceThis.com/somethingSomething
WIth next jQuery you could replace all instances of that url:
$('a[href^="http://replaceThis.com"]').each(function(){
var thisHref = $(this).attr('href');
thisHref.replace('replaceThis','withThis');
});
EDIT:
You could use http://api.jquery.com/unwrap/
You can check if this element has parent div and if it does unwrap it.

How to use a link as image title in html

I made attempt and tried to find my goal But I couldn't and found solution like this that didn't benefit for me!
I have <img src="url" title="ali.com"> I want to make ali.com a link. I used
title=ALI.com but doesn't work! any way?
The title attribute accepts only plain text, you cannot have any markup there.
If you want a tooltip with a link inside (and I'd urge you not to as it is a difficult UI to use), then you'll need to build the whole thing with JavaScript and DOM.
Above answers suffices your requirement, but specific to your use case :
<img src="image url" title="ali.com"/>
You can use url as a title (google.com?d=1&e=2 this is string)
You need to run little js code to achieve final goal
put something like this html
<a class="mylink"> <img title="blahblah" scr =""></img></a>
and you can get title string by
yourtitlestring = $(".mylink img").attr("title")
and now you can set href of link
$(".mylink").setAttribute("href", yourtitlestring);

CSS & HTML: My image is not appearing

I've just been teaching my self HTML & CSS and I'm running into my first annoying bug.
Here is my code:
http://pastebin.com/Rk6TjqKZ
It's the only image I have on it so far, and it used to appear, but ever since adding a class to the
I also need help positioning my buttons.
You have the source of the image as
imgur.com/xNiamwg
but this is a web page - you need the source to be the actual image itself:
http://i.imgur.com/xNiamwg.png
(note the PNG extension - not all images have an extension, as it isn't strictly necessary, but they usually do.)
Additionally, you have a semicolon after your source attribute - attributes should only be separated by whitespace.
An example of working code:
<img src="http://i.imgur.com/xNiamwg.png" title="Hosted by imgur.com" />

HTML unable to open image despite correct location

I am having some trouble open a image (jpg) on the browser despite correct location. The rest of the image located in the folder are able to open.
I need some advise or diction how to approach this issue.
Link 1 --> Show my FTP
http://postimg.org/image/g3lofgv8r/
Link 2 --> Show the dictionray
http://postimg.org/image/7nw24mw81/
Did you try to url encode the value in the src-attribute of your image tag? (I find this link useful for a quick check: http://www.w3schools.com/tags/ref_urlencode.asp)
Like when your image filename is
<img src="spaces and + sign in url.jpg" />
you would encode it with
<img src="spaces+and+%2B+sign+in+url.jpg" />
Issue looks to me is the Space between name of image...either remove space or use underscore(_)...