मैं गैलेरिया में वैकल्पिक पाठ कैसे जोड़ूं?

Question

मैं jquery.galleria.js के साथ थंबनेल और बड़ी छवि में वैकल्पिक पाठ कैसे जोड़ सकता हूं?

$(window).load(function() { 
 
     Galleria.loadTheme('http://www.bulogjatim.com/wp-content/themes/duotive-fortune/js/jquery.galleria.template.js'); 
 
     $("#galleria").galleria({ 
 
     width: 880, 
 
     height: 439, 
 
     transition: 'fadeslide' 
 
     }); 
 
    );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="galleria" class="galleria-wrapper"> 
 
    <a class="image-wrapper" href="http://veithen.github.io/images/icon-stackoverflow.svg"> 
 
    <img src="http://veithen.github.io/images/icon-stackoverflow.svg" /> 
 
    </a> 
 
</div>

Answer 1

आप क्या कर सकते हैं कि एक जोड़कर data आपके img टैग पर विशेषता।

उदाहरण के लिए data-layer आपकी छवि पर एक कैप्शन लिखेंगे।

उदाहरण उपयोग:

<img data-layer="my caption" src="image.jpg" > 

स्रोत: http://galleria.io/docs/references/data/

संपादित

गैलेरिया में छवियों एसईओ अनुकूलन के लिए alt विशेषता जोड़ने के लिए:

एचटीएमएल: <img alt="My SEO optimized alt tag" src="image.jpg" >

,210

गैलेरिया में आपकी छवियों के लिए उन्हें जोड़ने के लिए:

$(document).ready(function() { 
    Galleria.loadTheme('/js/jquery.galleria.template.js'); 
    Galleria.run('.galleria'); 
    Galleria.ready(function() { 
    this.bind('image', function(e) { 
     // add alt to big image 
     e.imageTarget.alt = e.galleriaData.original.alt; 
    }); 
    this.bind('thumbnail', function(e) { 
     // add alt to thumbnails image 
     e.thumbTarget.alt = e.galleriaData.original.alt; 
    }); 
    }); 
}); 

मुझे आशा है कि यह अपने रास्ते पर मदद करता है।

स्रोत: http://support.galleria.io/discussions/problems/645-alt-tags-missing-from-folio-thumbnails

काम कर उदाहरण: http://embed.plnkr.co/nnTFw5SkUYeYZP6I9hqb/preview

• जवाब अद्यतन धन्यवाद मेरे नमूना कोड में एक बग रिपोर्टिंग और एक समाधान प्रदान करने के लिए @gsinha करने के लिए।

Answer 2

एक वस्तु को पाठ जोड़ें:

$("#galleria").append("your text here"); 

और एक छवि के लिए एक एचटीएमएल-वस्तु सेट:

$("#id").html('<img="path/to/your/file.png"/>);