New feature - PmxOpacFader object

Started by Feline, 2010 August 10, 10:32:30 pm

previous topic - next topic

0 Members and 1 Guest are viewing this topic.

Feline

*
2010 August 10, 10:32:30 pm
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
2011 March 05, 01:10:11 pm
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
2011 May 23, 05:36:22 pm
That's great!
Thanks a lot! ;D

* Shouts

Feline
2018 Aug. 21, 08:10:46 pm
Today we update our Forum to the Version 1.45
Feline
2018 Jun. 09, 07:54:13 pm
Today we update our Forum to Version 1.4
This release is full compatible with the EU GDPR
Feline
2018 Mar. 28, 11:56:21 am
Update for PortaMx 1.54 ecl released.
With this updates the Portal works with PHP 7.x and SMF 2.0.15
Feline
2018 Mar. 17, 10:35:03 pm
PortaMx Forum 1.3
released !

*
Feline
2017 Dec. 10, 04:30:54 am
Today we switched to PHP 7.2 and activate Opcode caching.
Fast .. Very fast *
Feline
2017 Mar. 03, 11:54:35 pm
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
31