Working with Text (Pro)

Media contents (images, videos, and embed object) can have one of the three layout of the inner text. The overlay, partial left, and partial right layout text can create dinamically simply by setting the custom 'data-text' attribute of the dd element to the one of the following values:

1. overlay: creating overlay text.
2. partialleft: creating partial left text.
3. partialright: creating partial right text.

Here's an example of how to create the inner text description:

<div id="mySlider" class="evoslider default">      
    <dl>
    
	    <dt>slide one</dt>
	    <dd data-src="image1.jpg" data-text="overlay">
	        <div class="evoText">
	            slide one text description
	        </div>
	    </dd>
	
	    <dt>slide two</dt>
	    <dd data-src="image2.jpg" data-text="partialleft">
	        <div class="evoText">
	            slide two text description
	        </div>
	    </dd>
	
	    <dt>slide three</dt>
	    <dd data-src="image3.jpg" data-text="partialright">
	        <div class="evoText">
	            slide three text description
	        </div>
	    </dd>
    
    </dl>
</div>
                

The text description must place inside the 'evoText' class element.

var myEvoSlider = $("#mySlider").evoSlider({
    outerText: true,                   
    outerTextPosition: "right",         
    outerTextSpace: 5                    
});