Well, I make a slices arround the download button and I upload folder "images" and html on my website in mediafire director. And now I have a question...where to paste the code from first page of OP?
Hey,
The main code is the part that does the link swapping in the background.
It basically creates/displays two div elements, which get wrapped around an image of a button.
One is set to display, and will call a locker, or any other piece of code, when clicked.
In the meantime, the other one is set to be hidden, and, when clicked, will redirect you to a hyperlink.
The function itself works like this:
When the first div, which is displayed, gets clicked on, it becomes invisible, and the second div, which was originally invisible, now displays.
ALL that is happening is that two divs are getting swapped around, so when one is visible, the other is not, and viceversa.
In this particular method, we're using the first div to be displayed as an "onclick" trigger to display a locker or a popup. How you get that to work is going to depend directly on which locker YOU'RE using, and how it integrates with "onclick" functionality.
This was written with a focus on CLP V1 users (although anyone with the tiniest bit of knowledge in code could easily adapt it to other lockers, and many did, and also wrote HOW they did it in this thread).
CLP V1 didn't have "onclick" functionality integrated.
However we have since released CLP V2, which DOES have the onclick functionality, and it gets set via CSS selectors.
If you compare the source code of this demo:
http://contentlockpro.com/demomfirev2 , which was made with CLP V2, to the source code of this one:
http://contentlockpro.com/demomfire , which was made with V1, you will see the enormous difference.
The V2 demo no longer needs the div-swapping function at all. I simply wrapped the download button into an "mfire" div, and set that, within CLP V2, as a CSS trigger.
The long and the short of this post is that how you call your locker is going to directly depend on which locker you are using.