New feature - PmxOpacFader object

Started by Feline, 8 years ago

previous topic - next topic

0 Members and 1 Guest are viewing this topic.

Feline

*
8 years ago
Today we added a new javascript object named as PmxOpacFader.
With this object you can create any fader elements in a block as you see here on the front page.
The Javascript object code is developed with the next PortaMx update and works with all browser ....

To use the fader, put the necessary code in a script block like this example:
Code Select

<div id="MyBanner" style="text-align:center; margin:auto; height:65px;"></div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var banner = new PmxOpacFader({
fadeName: 'banner',
fadeUptime: 800,
fadeDowntime: 500,
fadeHoldtime: 6000,
fadeChangetime: 0,
fadeCursor: 0,
fadeContId: 'MyBanner',
fadeData: [
 '<a href="http://www.simplemachine.org/" target="_blank"><img style="vertical-align:middle;" src="http://xxx/smf_biglogo2.png" title="SimpleMachine" alt="*" /></a>',
 '<a href="http://www.simpledesk.net/" target="_blank"><img style="vertical-align:middle;" src="http://xxx/signature0.png" title="SimpleDesk" alt="*" /></a>',
 '<a href="http://www.dzinerstudio.com/" target="_blank"><img style="vertical-align:middle;" src="http://xxxx/DzinerStudio.png" width="60" height="60" title="DzinerStudio" alt="*" /></a><span style="font-size:22px;padding-left:20px;font-variant:small-caps;letter-spacing:0.2em;"><a href="http://www.dzinerstudio.com/" target="_blank"><b>Dziner</b>Studio</span></a>'
]
});
// ]]></script>


Parameter meanings:
fadeName: 'banner',     -> same as the object created (new name)
fadeUptime: 800,        -> time to fade up (ms) (optional - default 1500)
fadeDowntime: 500,      -> time to fade down (ms) (optional - default 1500)
fadeHoldtime: 6000,     -> time to show image/text (ms) (optional - default 1500)
fadeChangetime: 0,      -> time to change image/text (optional - default 0)
fadeCursor: 0,          -> element nbr to show first (optional - default 0)
fadeContId: 'MyBanner', -> content division element id
fadeData: [             -> all elements to show (html allowed) separated by comma
   '<img src="httx://xxx/imgname.png" title="MyImage" alt="*" />',
   '<b>Any Text to show in the fader<b>',
   'last element'
]

Note that each string must defined in ONE line without line breaks !
Also you have to note the single quotes and double quotes.


Fel
Many are stubborn in relation to the way, but less in relation to the target.

Feline

*
#1
8 years ago
There is no changed on RC4 ..
This must have unique names:
Code Select
var banner = new PmxOpacFader({
fadeName: 'banner',

and this:
Code Select
fadeContId: 'MyBanner',
with is the id of the division.
Many are stubborn in relation to the way, but less in relation to the target.

still_alive

*
#2
8 years ago
That's great!
Thanks a lot! ;D

* Shouts

Feline
9 months ago
Today we update our Forum to the Version 1.45
Feline
a year ago
Today we update our Forum to Version 1.4
This release is full compatible with the EU GDPR
Feline
a year ago
Update for PortaMx 1.54 ecl released.
With this updates the Portal works with PHP 7.x and SMF 2.0.15
Feline
a year ago
PortaMx Forum 1.3
released !

*
Feline
a year ago
Today we switched to PHP 7.2 and activate Opcode caching.
Fast .. Very fast *
Feline
2 years ago
Today we upgrade our old SMF 2.0 Forum to PortaMx Forum *

* Calendar

Su
Mo
Tu
We
Th
Fr
Sa
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30