I am trying to using image tag to load image to a component template.
By
<img src="\images\subfolder\image.jpg" />
but the images don't show in the page.
I am wondering why.
Thank you.
Try this,
<img src="<?php echo JURI::root()?>images/subfolder/image.jpg" />
Hope its works..
Related
Sorry this might be a newbie question but I am quite new to Umbraco.
I have a media picker set up on a document type, and it all works fine.
So I go to the template and enter
#Umbraco.Field("bottomRightLarge")
this only gives me the ID of the image, how can I get this to show the actual image the user has selected?
I am using UMBRACO 7 - and I have tried http://our.umbraco.org/projects/website-utilities/social-bookmarking-button/general-discussions/19360-Displaying-an-image-from-Media-Picker-in-a-web-page - but the XSLT ERRORS bug time.
Try using the umbraco image item if using webforms or umbraco media for mvc
<img src="#Umbraco.Media(model.articleImageOne).Url" alt="">
or
<umbraco:Image field="articleImageOne" runat="server" />
This worked for me
<umbraco:Macro runat="server" language="cshtml">
<img src="#Model.MediaById(Model.topleftsmall).umbracoFile" alt=""/>
</umbraco:Macro>
please note I was trying this on firefox 20.0.1, and the save just didnt work properly.
Hi im now trying bootstrap for the first time and i cant seem to put an image in the bootstrap base 64 can anybody help me usually i use the
<img src=''>
This is my usual code in html5 and i know where to put the url or image path
where the image is located and the type of image it was
now im trying to put this code using bootstrap and I dont know how to use or make a responsive image
<img data-src="holder.js/200x200" src="data:image/png;base64," class="img-thumbnail" alt="">
i also tried this website http://getbootstrap.com/2.3.2/components.html#thumbnails but i dont even know how to use it and i dont know where to put the image path can anybody help me im kind of a noob at bootstrap and thanks! any help would really be appreciated
sorry guys i had seen some answers and got this also thanks for trying!
</div>
<div class="thumbnail">
<img src="image/untitled.png" alt="">
</div>
am trying to display the images of my products in a shopping cart and this is the code am using to do that...
<img src=" <?php echo 'image/'. $product['picture']?>" /><br />
but the images do not show. I have stored the images in a folder called image outside applications.
You can use base_url to get full path without index.php.
Hope you images folder exist in project root folder.
<img src="<?php echo base_url('image/'. $product['picture']);?>" />
I'm running Wordpress on WAMP right now and I'm trying to figure out how to correctly reference an image that i'm using in my header for all my pages.
If I write this:
<img src="wp-content/themes/my-theme/images/SSBlogoALPHA.png">
the logo shows up on the WP homepage, but not on any subsequent pages.
If I write
<img src="../wp-content/themes/my-theme/images/SSBlogoALPHA.png">
the logo shows up on all subsequent pages, but not the homepage.
to be honest I don't know what the "../" does or where my root folder is supposed to be when writing a directory path but these are the ways that i've seen other people do this. Any ideas? Thanks!
you can get the images by following way
<img src="<?php bloginfo('template_directory'); ?>/images/SSBlogoALPHA.png" alt=""/>
I'm using BlogEngine.Net 2.0 and installed prettyphoto extension
but I dont know how to use prettyphoto in my post pages.
Thanks
You need to add:
rel="prettyPhoto"
to the anchor element surrounding your picture. Here is simple example from project site:
<img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" />