Databases
StackOverflow2013
Postsdbo
POHow to change Fancybox script for having a title and description
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to change Fancybox script for having a title and description
    primarykey
    data
    text
    <p>i have fancybox v. 2.1.5</p> <p>My script creates a title from <code>&lt;a title=""&gt;</code> and a description from <code>&lt;a alt=""&gt;</code>. But as "alt" is not a valid attribute for <code>&lt;a&gt;</code>, i would like to call the description or 1) from the <code>&lt;img alt=""&gt;</code> or a data-fancybox-desc or something like that from the <code>&lt;a&gt;</code>. I do not know anything about javascript and jQuery, can someone change my code for it ?</p> <p>The HTML which is ok if i want to use <code>&lt;img alt=""&gt;</code> for description :</p> <pre><code>&lt;div class="view view-add"&gt; &lt;a href="http://www.igorlaszlo.com/images/41.jpg" class="fancybox-thumbs" data-fancybox-group="group1" title="Dance in the Dark"&gt; &lt;img src="http://www.igorlaszlo.com/thumbs/41.jpg" alt="Model : Thierry Mercier" /&gt; &lt;div class="mask"&gt; &lt;h4&gt;Dance in the Dark&lt;/h4&gt; &lt;p&gt;Model : Thierry Mercier&lt;/p&gt; &lt;div class="info"&gt;Click for zoom&lt;/div&gt; &lt;/div&gt; &lt;/a&gt; &lt;/div&gt; </code></pre> <p>The script what should be changed:</p> <pre><code>&lt;script&gt; $(document).ready(function() { $(".fancybox-thumbs").fancybox({ padding: 0, openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 150, closeClick : true, prevEffect : 'elastic', nextEffect : 'elastic', closeBtn : true, arrows : true, nextClick : true, beforeShow: function () { this.title = $(this.element).attr('title'); this.title = '&lt;h3&gt;' + this.title + '&lt;/h3&gt;' + $(this.element).attr('alt') + '&lt;br /&gt;'; afterShow: function() { }, helpers : { title : { type: 'inside' } } }); }); &lt;/script&gt; </code></pre> <p>Thanks in advance !</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJFK
    1. USIgor Laszlo
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POHow to change Fancybox script for having a title and description
      1. This table or related slice is empty.
      1. VTUpMod
    1. COhttp://stackoverflow.com/a/9727383/1055987
      singulars
      1. POHow to change Fancybox script for having a title and description
      1. USJFK
    2. COpossible duplicate of [Fancybox 2 Custom Titles and Captions \[from A(title) and IMG(alt\]](http://stackoverflow.com/questions/9058442/fancybox-2-custom-titles-and-captions-from-atitle-and-imgalt)
      singulars
      1. POHow to change Fancybox script for having a title and description
      1. USJFK
    3. COThanks for your help... however i am quiet zero in javascript, i tried a lot of variation, for example (which seems the most logic) : `beforeShow: function () { var title = $(this.element).attr('title'); var alt = $(this.element).find('img').attr('alt'); this.title = '<h3>' + title + '</h3>' + alt + '<br />';` but nothing works. I am sure that i am very close to the right one but i can not put it together. When i made the examples exactly the same way as in the examples from the link you gave me, title remained "undefined" as well.
      singulars
      1. POHow to change Fancybox script for having a title and description
      1. USIgor Laszlo
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload