Bootstrap putting a responsive image - image

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>

Related

Laravel 8 Livewire wire:click:prevent Not Working

Please Someone please I am in the middle of my final year project but this is not working I am trying for 3 days I am new so I don't know how to ask a question so if you need something please ask me Thanks
This is the view for Shop and i have used Composer require Hardevine/shoppingcart
This is the ShopComponent for Shop
When I ran Laravel 8 on IIS, I had a similar problem. The problem was that the browser couldn't access some of the livewire js files, and the solution was:
Go to D:\Projects\Laravel\laravel8ecommerce\vendor\livewire\livewire\config\livewire.php
and set
'asset_url' => "your_url",
and the problem was disappeared.
I had same problem. To solve this issue what I did was enclose my blade template files with a <div> containing an id="main" like so:
<div id="main">
your blade template code
<div>
Instead Of This
wire:click:prevent=“store({{$product->id}},’{{$product->name}}’,{{$product->regular_price}})”
You need to use this in your blade file
#livewireStyles
your code will be in this area
#livewireScripts
Try This For Calling Store Function
wire:click.prevent="store({{$product->id}},{{$product->name}},{{$product->regular_price}})”
Or
wire:click="store({{$product->id}},{{$product->name}},{{$product->regular_price}})”
My solution was based on #KumTem answer
Inside the livewire blades located at app\resources\views\livewire\sample_blade.php
<div id="main">
... templates here
</div>

How can I display a Media picker image

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.

How to load images in joomla component template

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..

How do I reference a local file properly?

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=""/>

AJAX Wordpress Site with Difficult URL settings

On this WordPress theme utilizing AJAX, proves to be difficult. The developer of the theme cannot seem to find the issue or solution to it.
This site runs beautifully, if, and only IF, you type is this complete URL "http://www.geigerandwood.com/#!//" if you type in the .com site alone, it will appear but will be disfunctional.
I have made attempts in 301 redirects, even creating a static page with a redirect but still no luck. Is there something that I can add or change in the code to make this work properly?
FYI - it has been tested on the common web browsers on both OSX & Windows.
Here is a video of my presented issue. http://www.screenr.com/D1G8
What theme do you use?
My quick examination of your page source code is that I only can find something related to the #!// is in here
<div id="contentBoxScroll">
<a id="closeButton" href="#!//"></a>
<div class="dragcontainer">
<div id="contentBoxScrollDragger" class="dragger">
<div class="scroll_up"></div>
<div class="scroll_down"></div>
</div>
</div>
</div>
I assume it must be something inside the script from which that HTML is generated. I can say more since I can't see the full source.

Resources