Need to refresh currently opened tab on each click on an image with out opening the image url again and again on new tabs.
Try out this
<img src="IMAGE URL">
example
<a href="file:///D:\images.jpg" target="_blank">
<img src="file:///D:\images.jpg"/>
</a>
Try out this
Example
<img src="image.jpg" alt="image" width="20px" height="35px">
Related
Link is not working in dropdown-toggle button in nav bar (Header menu), when i click dropdown list is working but the link is not working. The link is "Product.html" but its not go to the product page.
Product<span class="fa fa-angle-down dropdown-arrow"></span></span>
Try to remove the extra closing </span> tag inside the <a></a> tag.
Product<span class="fa fa-angle-down dropdown-arrow"></span>
I was using ionic for a project but been not much satisfied with the UX for iOS. I mean how can I add this tabs (see picture) instead of the basic tab ionic comes with when you create a tab project ?
enter image description here
You can use the <ion-nav-buttons class="button-bar"></ion-nav-buttons> directive to add buttons for every tab mentioned in your screenshot.
<ion-nav-buttons class="button-bar" side="left">
<a class="button"
ui-sref-active-eq="active"
ui-sref="path1">
Label 1
</a>
<a class="button"
ui-sref-active-eq="active"
ui-sref="path2">
Label 2
</a>
<a class="button"
ui-sref-active-eq="active"
ui-sref="path3">
Label 3
</a>
</ion-nav-buttons>
The ui-sref along with ui-sref-active directive makes sure that the tab with the active state is in focus
Is it possible to call a JQM Popup using a custom image as a button. Using the following, I can call an external site, but I can't seem to get it to call a JQM popup.
<img src="../MapPin1.png" />
Yes, but you need data-rel="popup" in your anchor tag for JQM popups, and the href is supposed to contain the ID of the popup element (not a hyperlink).
Here's an example:
<img src="../MapPin1.png" />
<div data-role="popup" id="popupBasic">
<p>This is a completely basic popup, no options set.<p>
</div>
See: http://demos.jquerymobile.com/1.2.1/docs/pages/popup/
I am having an issue with images displaying as buttons (with the title text as the text of the button) in the iPhone 5 browser. I have tried GIF, PNG and JPG file types.. all with the same effect. It is not happening with all images... but one consistence appear to be
Any advise?
Code example:
<a href="/index.php?main_page=checkout_shipping">
<img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg">
</a>
Screenshot:
It seems that the UIWebView is considering your alt as the data, so, dispaying a text instead of the image. Verify if your image really exists in that folder or, try removing the alt from the a href tag o see what happens.
Try this one. Give an ID to tag and style them with css.
HTML
<a id="checkout" href="/index.php?main_page=checkout_shipping">
<img width="159" height="27" title=" Proceed to Checkout " alt="Proceed to Checkout" src="includes/templates/template_default/buttons/english/button_checkout.jpg" />
</a>
CSS
a#checkout {
float:right;
margin:10px;
width:159px;
height:27px;
text-decoration:none;
border:none;
outline:none;
}
a#checkout img{
float:right;
width:159px;
height:27px;
border:none;
outline:none;
}
I have a page with a normal link to an image. When jQuery Mobile is loaded and you click on the link, all that is returned is 'undefined'.
How can you link to an image and have the image loaded when clicked?
edit:
It's just a normal link with an image:
<img src="picture_thumbnail.jpg" />
Seems to work when adding rel="external" to the <a> tag.
<a href="picture.jpg" class="image" rel="external">
<img src="picture_thumbnail.jpg" />
</a>