Thumbnail picture in QGIS 3.2












2















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


















  • 1





    Possible duplicate of Getting image pop ups in QGIS?

    – Riccardo
    Jan 3 at 11:47
















2















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


















  • 1





    Possible duplicate of Getting image pop ups in QGIS?

    – Riccardo
    Jan 3 at 11:47














2












2








2








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














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




thumbnail






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Jan 3 at 11:02









MaulingoMaulingo

133




133








  • 1





    Possible duplicate of Getting image pop ups in QGIS?

    – Riccardo
    Jan 3 at 11:47














  • 1





    Possible duplicate of Getting image pop ups in QGIS?

    – Riccardo
    Jan 3 at 11:47








1




1





Possible duplicate of Getting image pop ups in QGIS?

– Riccardo
Jan 3 at 11:47





Possible duplicate of Getting image pop ups in QGIS?

– Riccardo
Jan 3 at 11:47










2 Answers
2






active

oldest

votes


















2














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
    Jan 3 at 12:05











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

    – Riccardo
    Jan 3 at 12:22






  • 1





    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
    Jan 3 at 13:32





















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
    Jan 3 at 12:03






  • 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
    Jan 3 at 12:35













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
});


}
});














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









2














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
    Jan 3 at 12:05











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

    – Riccardo
    Jan 3 at 12:22






  • 1





    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
    Jan 3 at 13:32


















2














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
    Jan 3 at 12:05











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

    – Riccardo
    Jan 3 at 12:22






  • 1





    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
    Jan 3 at 13:32
















2












2








2







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 Jan 3 at 11:42









RiccardoRiccardo

1,555923




1,555923













  • 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
    Jan 3 at 12:05











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

    – Riccardo
    Jan 3 at 12:22






  • 1





    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
    Jan 3 at 13:32





















  • 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
    Jan 3 at 12:05











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

    – Riccardo
    Jan 3 at 12:22






  • 1





    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
    Jan 3 at 13:32



















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
Jan 3 at 12:05





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
Jan 3 at 12:05













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

– Riccardo
Jan 3 at 12:22





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

– Riccardo
Jan 3 at 12:22




1




1





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
Jan 3 at 13:32







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
Jan 3 at 13:32















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
    Jan 3 at 12:03






  • 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
    Jan 3 at 12:35


















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
    Jan 3 at 12:03






  • 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
    Jan 3 at 12:35
















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 Jan 3 at 13:12

























answered Jan 3 at 11:47









César ArqueroCésar Arquero

621419




621419













  • I see you have an option for "HTML" which I do not have, I'm using version 3.2

    – Maulingo
    Jan 3 at 12:03






  • 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
    Jan 3 at 12:35





















  • I see you have an option for "HTML" which I do not have, I'm using version 3.2

    – Maulingo
    Jan 3 at 12:03






  • 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
    Jan 3 at 12:35



















I see you have an option for "HTML" which I do not have, I'm using version 3.2

– Maulingo
Jan 3 at 12:03





I see you have an option for "HTML" which I do not have, I'm using version 3.2

– Maulingo
Jan 3 at 12:03




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
Jan 3 at 12:35







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
Jan 3 at 12:35




















draft saved

draft discarded




















































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.




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

How to change which sound is reproduced for terminal bell?

Image
3 Recently upgrade to 18.10 from 18.04, and using the terminal is becoming annoying: the new alert sound is a drip ( /usr/share/sounds/gnome/default/alerts/drip.ogg ), and the previous one is still located at ( /usr/share/sounds/ubuntu/stereo/bell.ogg ). My issue is that at the gnome-terminal, when autocompleting or pressing left BOTH sounds are reproduced, at the same time. I want to just have ubuntu/stereo/bell.ogg active, not both . At the moment I have been only able to reduce the volume of the alerts (but still both are played), or turn the alerts down (but I dislike both "solutions"). gnome-terminal 18.10 teminal-bell share | improve this question ...
Read more

Can I use Tabulator js library in my java Spring + Thymeleaf project?

Image
0 I want to add Tabulator js to my java project. I added tabulator.min.js, tabulator.min.css to resources folder. After that added to my html page these dependencies as recommending in readme.md. <link rel="stylesheet" th:href="@{/css/tabulator.min.css}"> <script type="text/javascript" th:src="@{/js/tabulator.min.js}"></script> Now my tables view all elements, that I have in the html page, but not correct. In the documentation of Tabulator is example how to create header and table, var table = new Tabulator("#example-table", { columns:[ {title:"Name", field:"name", sorter:"string", width:200, editor:true}, {title:"Age", field:"age", sorter:"...
Read more

Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

Image
up vote 5 down vote favorite 2 I would like to make it so that the vertical space below the title of each chapter is the same when using the Bjornstrup package (i.e. so that the descenders do not affect the spacing - as shown by the red arrow in the picture below). I think I'm fairly happy with the spacing around "A chapter", so I'd really like titles without descenders (e.g. "Contents") to have the same vertical spacing as "A chapter" below the title. I would also like to remove the large "0" in the contents title. Any help appreciated, as always. documentclass[11pt,a4paper]{book} % Packages[![enter image description here][1]][1] usepackage[left=3.5cm, right=3.5cm, top=4.3cm, bottom=4.25cm]{geometry} usepackage[utf8]{inputenc} usepackage{libertine} usepackage[libertine]{newtx...
Read more