J1.5 - How to add image button into joomla article - joomla

I am trying to add the images as button into existing article of web page. When I click on that button it have to redirect into another page or Url.
I have searched on net. I didn't get satisfied response.
I have gone through this page too.
Any help will be appreciated!!!

Actually, I have added the button using edit code option in joomla article, by inserting the following html code.
<a rel="nofollow" href="link_to_be_opened_on_image_click" class="weblink" style="text-decoration:none">
<img border="0" src="source_of_the_image_button.png" alt="Title" title="Title" />
</a>

Related

CKEditor : Code Snippet in Ckeditor not working with Laravel 5.3

Need to show saved Code Snippet on CKEditor for editing purpose.
I am using
Code Snippet along with Ckeditor at Laravel 5.3
Everything is OK. I can add Code and upload code in Database. Code also shown in the Target Page.
When I need to edit post, I get the previously uploaded data from the Database to the textarea. Inside the textarea Code Snippet does not show. Here's an Example...
I uploaded this code
<div class="col-md-5 flex-center mainheadright2">
<nav class="nav nav-inline">
<a class="nav-link" href="#">Get Full Access</a>
<a class="nav-link" href="#">Hire Me</a>
</nav>
</div>
While uploading this Code shows properly in the textarea. Also shows properly in Target Page. But while I get this Code again in the textarea to edit, it shows the following.
Get Full Access Hire Me
I want to get code as snippet every time I want to edit post.
What should I do?

where I can change the links to social icons in Joomla?

I do not know Joomla, but I had one task in exsiting site, to change the link of social button, linkedin.
I thought it was simple task, but I wasted 2 days for it, looking in files and interface. Can you help me please, or just give me ideas where these social links can be placed.
version of Joomla is 2.5.14
<div class="custom">
<p style="text-align: right;">
Site Map
<img src="/images/siteImages/lnicon.png" border="0" alt="">
</div>
Thanks in advance)
you are my last chance :)
found the links in Module Custom HTML module, in administration panel.

Trigger click on link on jquery mobile not working

I tried triggering a link via .trigger() function but is not working
<a data-role="button" id="redirectprofile_btn" href="profile.html" rel="external" style="display:block;">Profile</a>
Once i click the link manually, it will display the profile page (profile.html, with its own css and js) but if i use
$("#redirectprofile_btn").click() or $("#redirectprofile_btn").trigger('click'),
it wont redirect.
Im new to jquerymobile, any help would really be great.
Thanks
Use event.prevent default() followed by event.stopImmediatePropogation then changePage to the links href attr value.

Generate Pinterest Share Button That Specifies URL

I am trying to create a "pinterest share" button, but am running into a snag.
Currently, I have the pinterest button (generated from their Widget Builder) appearing in a Lightbox. (For certain reasons, it must appear this way.)
The issue is the Lightbox code has direct linking on it, so the code for the lightbox window is something like: www.domain.com/#/social/4
Pinterest is picking up that URL (which has no images since it's just the lightbox) instead of the URL for the main page (www.domain.com).
Does anyone know how I can specify the exact URL to share via the pinterest button?
I have read some posts that said doing this would work:
<img src="//assets.pinterest.com/images/PinExt.png" alt="Pin it" / > <script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script>
However, specifying the URL does not seem to work at all. It appears to be totally ignored and has no impact.
Any ideas?
Thanks in advance!
You can use a standard link and specify all the data in the parameters:
<a href="http://www.pinterest.com/pin/create/button/
?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F
&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg
&description=Next%20stop%3A%20Pinterest"
data-pin-do="buttonPin"
data-pin-config="above">
<img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" />
</a>
Source: http://developers.pinterest.com/pin_it/
You can try using structured meta data and Rich Pins.

How to display the Title and Image of virtuemart product when sharing it on Facebook?

I am building a product catalog website using joomla and virtuemart extension. To let users share my products on facebook, I have added a facebook share button in my product's flypage.
In the flypage I have added the following code:
<div> <a name="fb_share" type="button" ></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
When I click on the share button it shows only the url of the website. But I want to show the product Title and Image of the product too. I have installed Virtuemart Open Graph plugin but it is not working.
Would you please kindly tell me how to show the title and image of the product when sharing on facebook??
Simple solution - you have to add og:tags to your page where the share/like buttons reside. The og:tags contain things like og:title, og:image...etc.
You can read more on the usage of the open graph protocol and about the og:tags at this URL : https://developers.facebook.com/docs/opengraph/

Resources