Archivi categoria: Light Switch Content

Youtube or Vimeo Video with autodetect

In this exemple the Light Switch button is set to ‘Left to Post‘ container position with autodetection for Youtube or Vimeo Video preset selected. Click to Light On/Off button to turn on/off the light.

1209571

Lorem ipsum dolor sit amet, ex abhorreant mnesarchum inciderint quo, qui ludus soluta aliquid ut, decore soluta blandit mei ad. Ex exerci homero mel. Ea has posse inani dicant, nostro nusquam recteque ad pri, te utinam sententiae nam. Ad est stet aperiam inciderint, et regione appetere petentium vim, harum vituperata has eu.

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.

Dolor scaevola sadipscing has at, ea sea eros delenit. Ei vitae euismod vim, mei sint unum consul te. Ut essent labores per, in sit mucius utroque alienum, eam ei altera facete veritus. Ipsum dicit dicam id mea. Mollis consetetur elaboraret usu at.

Ex prima paulo intellegebat pro. At constituto definitiones nam. Ex natum pericula sea, ut augue salutandi assentior has. In eam nullam melius quaerendum, nec ei quod iisque temporibus.

Custom content [single element]

In this exemple the Light Switch button is set to “Where you want” position with “Custom Element” preset selected. Click to Light On/Off button to turn on/off the light. Simply, you just have to specify the ID or CLASS to the element you want to include to Light Switcher On/Off effect 🙂

This image contains the custom element CLASS (.my-custom-element-class)

Light Off

1840511-1024x646

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

1248111

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.

Dolor scaevola sadipscing has at, ea sea eros delenit. Ei vitae euismod vim, mei sint unum consul te. Ut essent labores per, in sit mucius utroque alienum, eam ei altera facete veritus. Ipsum dicit dicam id mea. Mollis consetetur elaboraret usu at.

Custom content [multiple elements]

Like the previous demo, but now on multiple elements. In this exemple the Light Switch button is set to “Where you want” position with “Custom Element” preset selected. Click to Light On/Off button to turn on/off the light. Simply, you just have to specify the ID or CLASS to the element you want to include to Light Switcher On/Off effect.

All these images contain the custom element CLASS (.my-custom-element-class)

Light Off

1840511-1024x646

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

1906021

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.

1904451

Dolor scaevola sadipscing has at, ea sea eros delenit. Ei vitae euismod vim, mei sint unum consul te. Ut essent labores per, in sit mucius utroque alienum, eam ei altera facete veritus. Ipsum dicit dicam id mea. Mollis consetetur elaboraret usu at.

MIXED content type

In this exemple the Light Switch button is set to “Left to Post” container position with “Custom Element” preset selected. Simply, you just have to specify the element CLASS and add its to the contents you want include to Light Switcher On/Off effect 🙂 – In this exemple the class “.my-custom-element-class” is added to a text element, to a video (iframe) element and to an image element.

Text content 1

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

 
Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Text content 2

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

 

Video content

 
1309461

Image content

1840511-1024x646

 
Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.
Ex prima paulo intellegebat pro. At constituto definitiones nam. Ex natum pericula sea, ut augue salutandi assentior has. In eam nullam melius quaerendum, nec ei quod iisque temporibus.

Prima liber dicant vim at. Paulo everti tincidunt et usu, ex augue harum partem sit. Malorum periculis vis ei, nec tantas contentiones te, nec posse admodum albucius ne. Pri latine apeirian no, mazim nobis iisque ne vis. Mea atqui accumsan ad, ad nonumy pertinax antiopam sit. Quodsi iudicabit qui at. His eu iuvaret albucius, ei esse viris altera eos.

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.

Dolor scaevola sadipscing has at, ea sea eros delenit. Ei vitae euismod vim, mei sint unum consul te. Ut essent labores per, in sit mucius utroque alienum, eam ei altera facete veritus. Ipsum dicit dicam id mea. Mollis consetetur elaboraret usu at.

Ex prima paulo intellegebat pro. At constituto definitiones nam. Ex natum pericula sea, ut augue salutandi assentior has. In eam nullam melius quaerendum, nec ei quod iisque temporibus.

Prima liber dicant vim at. Paulo everti tincidunt et usu, ex augue harum partem sit. Malorum periculis vis ei, nec tantas contentiones te, nec posse admodum albucius ne. Pri latine apeirian no, mazim nobis iisque ne vis. Mea atqui accumsan ad, ad nonumy pertinax antiopam sit. Quodsi iudicabit qui at. His eu iuvaret albucius, ei esse viris altera eos.

Custom Video Player

In this exemple the Light Switch button is set to ‘Right to Post‘ container position with ‘Custom Element‘ preset selected. In this case, we want simply set the Light Switch not to YouTube or Vimeo video, but to a custom Video Player (in this exemple JWPlayer). Click to Light On/Off button to turn on/off the light.

Light Off
video

Lorem ipsum dolor sit amet, ex abhorreant mnesarchum inciderint quo, qui ludus soluta aliquid ut, decore soluta blandit mei ad. Ex exerci homero mel. Ea has posse inani dicant, nostro nusquam recteque ad pri, te utinam sententiae nam. Ad est stet aperiam inciderint, et regione appetere petentium vim, harum vituperata has eu.

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.

Multiple Element ID or Class for Light Switch

In this exemple we want set the Light Switch to two different html elements, the video player (id=”custom-player”) and the site logo image (class=”logo”). Watch the image below to see the plugin setting for this example. Click to Light On/Off button to turn on/off the light.

Light Off
video

2016-08-26_12-21-10

Lorem ipsum dolor sit amet, ex abhorreant mnesarchum inciderint quo, qui ludus soluta aliquid ut, decore soluta blandit mei ad. Ex exerci homero mel. Ea has posse inani dicant, nostro nusquam recteque ad pri, te utinam sententiae nam. Ad est stet aperiam inciderint, et regione appetere petentium vim, harum vituperata has eu.

Falli dicit primis an mea, meis fugit intellegam pri ex. Erat rebum et vis, pro eripuit euripidis concludaturque no. Per no electram sententiae neglegentur, vim et sanctus imperdiet. Vim et omittam deterruisset definitiones. Ut vel diam ludus epicuri, eum ut habeo complectitur, posse argumentum quaerendum in ius. Et ornatus alienum epicurei usu.

Mea prima nostrud at. Sea at prompta philosophia consectetuer, eu nec mentitum atomorum scripserit. Aeque propriae salutatus ut est, no eirmod delicatissimi conclusionemque mea. Brute probatus eum te, omnis verterem id nec.

Essent tritani duo cu. Cu quem postea vix, sit malorum inimicus deseruisse ex. No vel tamquam iuvaret alterum. Eum discere posidonium at. Ius vocibus habemus ut.