Thumbnail picture in QGIS 3.2












1














I'm trying to have a thumbnail displayed and can get it working when using a specific picture path.



I have created a new column in the atribute table enter image description here



I would like to have this be the image source in the code, but I can't seem to get it to work when putting in the name of the expression instead of a full path to a picture. Is there a way to tell the code to take the value of the table I am missing?



When I hover over a point I get:
enter image description here



With the following code:
enter image description here










share|improve this question







New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
















  • 1




    Possible duplicate of Getting image pop ups in QGIS?
    – Riccardo
    2 hours ago
















1














I'm trying to have a thumbnail displayed and can get it working when using a specific picture path.



I have created a new column in the atribute table enter image description here



I would like to have this be the image source in the code, but I can't seem to get it to work when putting in the name of the expression instead of a full path to a picture. Is there a way to tell the code to take the value of the table I am missing?



When I hover over a point I get:
enter image description here



With the following code:
enter image description here










share|improve this question







New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
















  • 1




    Possible duplicate of Getting image pop ups in QGIS?
    – Riccardo
    2 hours ago














1












1








1







I'm trying to have a thumbnail displayed and can get it working when using a specific picture path.



I have created a new column in the atribute table enter image description here



I would like to have this be the image source in the code, but I can't seem to get it to work when putting in the name of the expression instead of a full path to a picture. Is there a way to tell the code to take the value of the table I am missing?



When I hover over a point I get:
enter image description here



With the following code:
enter image description here










share|improve this question







New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











I'm trying to have a thumbnail displayed and can get it working when using a specific picture path.



I have created a new column in the atribute table enter image description here



I would like to have this be the image source in the code, but I can't seem to get it to work when putting in the name of the expression instead of a full path to a picture. Is there a way to tell the code to take the value of the table I am missing?



When I hover over a point I get:
enter image description here



With the following code:
enter image description here







thumbnail






share|improve this question







New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question







New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question






New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 hours ago









Maulingo

83




83




New contributor




Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Maulingo is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.








  • 1




    Possible duplicate of Getting image pop ups in QGIS?
    – Riccardo
    2 hours ago














  • 1




    Possible duplicate of Getting image pop ups in QGIS?
    – Riccardo
    2 hours ago








1




1




Possible duplicate of Getting image pop ups in QGIS?
– Riccardo
2 hours ago




Possible duplicate of Getting image pop ups in QGIS?
– Riccardo
2 hours ago










2 Answers
2






active

oldest

votes


















1














The code you used in the HTML MAP Tip Builder is a bit wrong. Please use the following:



<div style ="width:400; height:400;"><p>test</p>
<div><img src=[% "Linkk" %] width=300 height=300 /></div>
</div>


The remaining div content is working fine:
enter image description here






share|improve this answer





















  • I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
    – Maulingo
    1 hour ago










  • this video is using a very old version of QGIS. also check #1 of césar's answer!
    – Riccardo
    1 hour ago










  • Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
    – César Arquero
    27 mins ago





















1














There are some issues in your workflow.




  1. Correct your filepath: /photos/ isn't the same as /Photos/

  2. In the popup info properties just use html (remove all in "Vis udtryk").

  3. If that wasn't enough use this html code:


<b>Source: [% photo %]</b>
<br>Image:
<br>
<img src="[% linkk %]" width=300 height=200 />



enter image description here



enter image description here



It works in QGIS 3 as well (remember to click in the popup icon):



enter image description here



enter image description here






share|improve this answer























  • I see you have an option for "HTML" which I do not have, I'm using version 3.2
    – Maulingo
    1 hour ago






  • 1




    It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
    – César Arquero
    1 hour ago













Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "79"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});






Maulingo is a new contributor. Be nice, and check out our Code of Conduct.










draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f307464%2fthumbnail-picture-in-qgis-3-2%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























2 Answers
2






active

oldest

votes








2 Answers
2






active

oldest

votes









active

oldest

votes






active

oldest

votes









1














The code you used in the HTML MAP Tip Builder is a bit wrong. Please use the following:



<div style ="width:400; height:400;"><p>test</p>
<div><img src=[% "Linkk" %] width=300 height=300 /></div>
</div>


The remaining div content is working fine:
enter image description here






share|improve this answer





















  • I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
    – Maulingo
    1 hour ago










  • this video is using a very old version of QGIS. also check #1 of césar's answer!
    – Riccardo
    1 hour ago










  • Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
    – César Arquero
    27 mins ago


















1














The code you used in the HTML MAP Tip Builder is a bit wrong. Please use the following:



<div style ="width:400; height:400;"><p>test</p>
<div><img src=[% "Linkk" %] width=300 height=300 /></div>
</div>


The remaining div content is working fine:
enter image description here






share|improve this answer





















  • I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
    – Maulingo
    1 hour ago










  • this video is using a very old version of QGIS. also check #1 of césar's answer!
    – Riccardo
    1 hour ago










  • Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
    – César Arquero
    27 mins ago
















1












1








1






The code you used in the HTML MAP Tip Builder is a bit wrong. Please use the following:



<div style ="width:400; height:400;"><p>test</p>
<div><img src=[% "Linkk" %] width=300 height=300 /></div>
</div>


The remaining div content is working fine:
enter image description here






share|improve this answer












The code you used in the HTML MAP Tip Builder is a bit wrong. Please use the following:



<div style ="width:400; height:400;"><p>test</p>
<div><img src=[% "Linkk" %] width=300 height=300 /></div>
</div>


The remaining div content is working fine:
enter image description here







share|improve this answer












share|improve this answer



share|improve this answer










answered 2 hours ago









Riccardo

1,525922




1,525922












  • I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
    – Maulingo
    1 hour ago










  • this video is using a very old version of QGIS. also check #1 of césar's answer!
    – Riccardo
    1 hour ago










  • Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
    – César Arquero
    27 mins ago




















  • I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
    – Maulingo
    1 hour ago










  • this video is using a very old version of QGIS. also check #1 of césar's answer!
    – Riccardo
    1 hour ago










  • Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
    – César Arquero
    27 mins ago


















I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
– Maulingo
1 hour ago




I feel a bit starstruck here. Have been going through youtube.com/watch?v=JnQk0NRqCyM&t=246s a few times and ended up a bit confused. Thank you for the reply and your youtube video.
– Maulingo
1 hour ago












this video is using a very old version of QGIS. also check #1 of césar's answer!
– Riccardo
1 hour ago




this video is using a very old version of QGIS. also check #1 of césar's answer!
– Riccardo
1 hour ago












Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
– César Arquero
27 mins ago






Regards to @Riccardo (you didn't know but I'm kind of a groupy). He teach us all through that great digital-geography.com
– César Arquero
27 mins ago















1














There are some issues in your workflow.




  1. Correct your filepath: /photos/ isn't the same as /Photos/

  2. In the popup info properties just use html (remove all in "Vis udtryk").

  3. If that wasn't enough use this html code:


<b>Source: [% photo %]</b>
<br>Image:
<br>
<img src="[% linkk %]" width=300 height=200 />



enter image description here



enter image description here



It works in QGIS 3 as well (remember to click in the popup icon):



enter image description here



enter image description here






share|improve this answer























  • I see you have an option for "HTML" which I do not have, I'm using version 3.2
    – Maulingo
    1 hour ago






  • 1




    It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
    – César Arquero
    1 hour ago


















1














There are some issues in your workflow.




  1. Correct your filepath: /photos/ isn't the same as /Photos/

  2. In the popup info properties just use html (remove all in "Vis udtryk").

  3. If that wasn't enough use this html code:


<b>Source: [% photo %]</b>
<br>Image:
<br>
<img src="[% linkk %]" width=300 height=200 />



enter image description here



enter image description here



It works in QGIS 3 as well (remember to click in the popup icon):



enter image description here



enter image description here






share|improve this answer























  • I see you have an option for "HTML" which I do not have, I'm using version 3.2
    – Maulingo
    1 hour ago






  • 1




    It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
    – César Arquero
    1 hour ago
















1












1








1






There are some issues in your workflow.




  1. Correct your filepath: /photos/ isn't the same as /Photos/

  2. In the popup info properties just use html (remove all in "Vis udtryk").

  3. If that wasn't enough use this html code:


<b>Source: [% photo %]</b>
<br>Image:
<br>
<img src="[% linkk %]" width=300 height=200 />



enter image description here



enter image description here



It works in QGIS 3 as well (remember to click in the popup icon):



enter image description here



enter image description here






share|improve this answer














There are some issues in your workflow.




  1. Correct your filepath: /photos/ isn't the same as /Photos/

  2. In the popup info properties just use html (remove all in "Vis udtryk").

  3. If that wasn't enough use this html code:


<b>Source: [% photo %]</b>
<br>Image:
<br>
<img src="[% linkk %]" width=300 height=200 />



enter image description here



enter image description here



It works in QGIS 3 as well (remember to click in the popup icon):



enter image description here



enter image description here







share|improve this answer














share|improve this answer



share|improve this answer








edited 46 mins ago

























answered 2 hours ago









César Arquero

611419




611419












  • I see you have an option for "HTML" which I do not have, I'm using version 3.2
    – Maulingo
    1 hour ago






  • 1




    It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
    – César Arquero
    1 hour ago




















  • I see you have an option for "HTML" which I do not have, I'm using version 3.2
    – Maulingo
    1 hour ago






  • 1




    It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
    – César Arquero
    1 hour ago


















I see you have an option for "HTML" which I do not have, I'm using version 3.2
– Maulingo
1 hour ago




I see you have an option for "HTML" which I do not have, I'm using version 3.2
– Maulingo
1 hour ago




1




1




It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
– César Arquero
1 hour ago






It worked in QGIS 3.2 as well. I have edited the post with images using the same code. The key is to correct that misspelled filepath.
– César Arquero
1 hour ago












Maulingo is a new contributor. Be nice, and check out our Code of Conduct.










draft saved

draft discarded


















Maulingo is a new contributor. Be nice, and check out our Code of Conduct.













Maulingo is a new contributor. Be nice, and check out our Code of Conduct.












Maulingo is a new contributor. Be nice, and check out our Code of Conduct.
















Thanks for contributing an answer to Geographic Information Systems Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f307464%2fthumbnail-picture-in-qgis-3-2%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Understanding the information contained in the Deep Space Network XML data?

Ross-on-Wye

Eastern Orthodox Church