I need to insert a slider in a blog page - javascript

I have created a blog www.rajputanahomes.com, when someone clicks on a blog a page opens with details of the blog and pictures related to it.
Now what i am trying to do is when someone clicks on one picture the picture must pop up and the pop up must have next button so all the images on existing page can be seen. I am using CKeditor to upload content on the page.
Is there any way we can put code on each html page created dynamically so the above feature works.

You can use any of the many free lightbox plugins. One of the easiest to use is colorbox.

Related

Share whatsapp button for individual images

i am making a webiste and a blog which is not yet launched but before I go live, I need to add a feature. I want to add whatsapp share button. I have searched for it and have used it on my site and blog and it works but the issue is that it shares link of the entire page and thumbnail. My question is, if I have 4 images on a page, and if I want to put a whatsapp share button underneath every all 4 images so that when it is clicked, the full image and a link with the image url will be shared on whatsapp. Is it even possible? I searched for it a lot but could not find anything. Would appreciate some help here.

redirect link from facebook to website - javascript?

I have articles posted on facebook from my website http://juniorgoldreport.com/
the website is made in wordpress, and I've also created a "Welome" landing page where I want most new users to be directed too.
I have no idea where I can find information on how to do this, even after countless efforts of googling.
To give an exact idea of what I' trying to create...
Where someone clicks on an article on facebook, it'll take them to the "welcome" sign up page, then have a link on it to the article that they clicked on. The link would change depending on what article they clicked on so they can be redirected properly.
I know I can just hard code it, and create multiple landing pages with different links in relation to the article posted, but this just seems inefficient.
Does anyone know how to go about doing this?
this is the landing page
http://juniorgoldreport.com/welcome/
You can try using Javascript, as it would be much easier than creating several webpages. At the point in your page where you want a link to be placed, put something like
<p id="mynewredirectlink">Hey!</p>
And then at the bottom of your code, add some javascript to resemble this:
<script type="text/javascript">
if (document.referrer === "facebooklink.com")//Where did you come from?
$("#mynewredirectlink").innerHTML = "Hey!" //Where are you going?
Then include the other sites you need, and close it with
</script>
There may be some sites that have varying parts, like an id, so if you need to, you can use (document.referrer.includes("facebook.com")) instead.
You can convert your landing page into a fullscreen modal popup. So every new visitor will see the popup when the visit the site or any article. They can fill the form / they can close it to see the article. There is already several plugin for modal popup / newsletter popup. You just need to do a little bit css to make it full screen.

Embedding PDF with flipping pages

I've seen a lot of questions and answers here that help you too embed PDF documents, but they are all "vertical read", where you scroll down to see other pages.
Is there any plugin, or maybe even a simple script that would help you to embed and read the PDF document horizontaly? Like where you see two pages and click next on top to see the next two.
Just like a book. (No fancy animations though)
Thanks.
There are plugins that lets you read pdf documents. But they might be fancy.
http://www.jqueryrain.com/2012/09/best-jquery-pdf-viewer-plugin-examples/
or
http://fliphtml5.com/free-pdf-to-jquery-flipbook.php
I like the last one especially
You can set the initial view of a PDF to show two pages.
If you add Fullscreen view to that, and the user has not deactivated clicking to the next page, it actually should give the effect you want (not verified).
If the Fullscreen view does not work, your user would use the cursorLeft and cursorRight buttons to navigate.

Auto click on element after page load

I want to make a link to the following web page http://www.iph-hannover.de/de/iph/mitarbeiter but after it opens an auto click on one of the member's pictures should be generated.
So after clicking the link it should load the page and popup the window of one of the members as if I clicked on his profile with the mouse.
Note that I can not change anything on the http://www.iph-hannover.de/de/iph/mitarbeiter webpage. I can only link to it.
My basic html knowledge is all about making text bold/italic/colorful and creating hyper links with "a href". So please more detailed answers.
Thank you!
Basically, you can't do this.
If you can't change anything on the mitarbeiter page then there's nothing you can do about how the page opens. There's lots of easy ways to send information from one page to another, but that doesn't help anything when you can't make the mitarbeiter page "respond" to the information you want to send.
(when I say "information" then I really mean 'any' kind of data that the receiving page can act on, like a "open Prof. Peter Nyhuis on load" kind of message)

How to launch a LightBox gallery from an 'a href' hyperlink

Stack Overflow have provided some very useful tips re: running multiple LightBox galleries etc, but I have one further question I hope you guys can help with...
Within the static HTML page, I have a single image that the user clicks on to launch the LightBox gallery; pretty simple stuff really, just like the regular LightBox demo.
However, I want to include a 'a href' button just underneath the image that actually says "click here to view gallery" (for those users that may not know that they need to click on the image to launch the gallery etc).
Can you please let me know what code I need for a basic 'a href' button to launch the LightBox gallery as soon as it is clicked?
Many thanks
If you read the How to use part on the lightbox site, you can see what matters:
The rel="lightbox" attribute. This means that this link is supposed to be opened as an image in a lightbox overlay, so it does not matter what is inside the <a> tag.
Also there is an example about grouping these links:
image #1
image #2
image #3
Notice that the rel="" attribute changed. There is a [groupname] part after lightbox. Links with the same groupname will open in one gallery.
This unobtrusive approach of lightbox2 works well if you have little knowledge about javascript. No need to write a single line of javascript code only use rel attributes.

Categories

Resources