 Lid |
|
Kevin schreef: Hallo jeda,
dit kan door:
[..code..]
In dit geval past jQuery je img-tag aan als volgt:
[..code..]
Ik denk dat je dit bedoelde?
Let ook wel op:
- in je td heb je het attribuut "titel", maar dat is niet valid. Gebruik beter data-types in html5
(data-titel="name")
- Als je een title attribuut aanmaakt met jQuery op een image is de kans groot dat deze niet door zoekmachines opgenomen worden.
Heb je hier iets aan?
Hallo Kevin
Op het eerste gezicht leek dit id de oplossing , helaas werkt het niet , nu vermoed ik dat jou jquery in conflicy is met andere Jq.
ik zal het iets uitgebreider omschrijven
In mn wrapper
staat een div met $tabs
Binnen iedere Tab een tabel , die werkt op datatables.js
binnen die tabel meerdere regels met foto en tekst
de foto's worden geopend in fancybox.
In fancybox staat de titel van de foto onder de foto.
Ik heb jou code on top gezet met het idee dat dat eerst uitgevoerd moet worden en daarna fancybox pas , maar dit lijkt niet te werken
Mijn $code ziet er nu zo uit :
$(document).ready(function(){
var gettitle = $("td:eq(4)").html();
$("td img").attr("title",gettitle);
$("#tabs").tabs( {
"show": function(event, ui) {
var oTable = $('div.ansichttable>table.display', ui.panel).dataTable();
if ( oTable.length > 0 ) {
oTable.fnAdjustColumnSizing();
}
}
} );
$("#tabs-1 td a").attr("rel","appels");
$("#tabs-2 td a").attr("rel","peren");
$('#ansichttable.table').dataTable({
"sDom": '<"H"Tlfr>t<"F"ip>',
"bJQueryUI": true,
"iDisplayLength": 10,
"sPaginationType": "full_numbers",
"oLanguage": {"sUrl": "overig/nl_NL.txt"}
});
$('#ansichttable td a').fancybox({
'titlePosition' : 'inside',
});
} );
</script>
$(document).ready(function(){ var gettitle = $("td:eq(4)").html(); $("td img").attr("title",gettitle); $("#tabs").tabs( { "show": function(event, ui) { var oTable = $('div.ansichttable>table.display', ui.panel).dataTable(); if ( oTable.length > 0 ) { oTable.fnAdjustColumnSizing(); } } } ); $("#tabs-1 td a").attr("rel","appels"); $("#tabs-2 td a").attr("rel","peren"); $('#ansichttable.table').dataTable({ "sDom": '<"H"Tlfr>t<"F"ip>', "bJQueryUI": true, "iDisplayLength": 10, "sPaginationType": "full_numbers", "oLanguage": {"sUrl": "overig/nl_NL.txt"} }); $('#ansichttable td a').fancybox({ 'titlePosition' : 'inside', }); } ); </script>
Wat doe ik fout, kijk ik ergens overheen ?
ps mn tabel ziet er zo uit :
<div id="tabs">
<ul>
<li><a href="#tabs-1">Appels</a></li>
<li><a href="#tabs-2">Peren</a></li>
<li><a href="#tabs-3">Druiven</a></li>
<li><a href="#tabs-4">Overig</a></li>
</ul>
<div id="tabs-1">
<table id='ansichttable' class='table','appels'>
<thead>
<tr>
<th class='bold'>Afbeelding</th>
<th class="bold">Locatie</th>
<th class='bold'>Groep</th>
<th class='bold'>Soort</th>
<th class='bold'>Bijzonderheden</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="images/imagesfruit/boomgaard4.jpg" ><img src="images/imagesfruit/thumbs/t-boomgaard4.jpg"/></a></td>
<td>Tuin</td>
<td>Appels</td>
<td id="titel">DubbeleBellefleur</td
<td>Zoete stevige appel</td>
</tr>
<li><a href="#tabs-1">Appels </a></li> <li><a href="#tabs-2">Peren </a></li> <li><a href="#tabs-3">Druiven </a></li> <li><a href="#tabs-4">Overig </a></li> <table id='ansichttable' class='table','appels'> <th class='bold'>Afbeelding </th> <th class="bold">Locatie </th> <th class='bold'>Groep </th> <th class='bold'>Soort </th> <th class='bold'>Bijzonderheden </th> <td><a href="images/imagesfruit/boomgaard4.jpg" ><img src="images/imagesfruit/thumbs/t-boomgaard4.jpg"/></a></td> <td id="titel">DubbeleBellefleur </td <td>Zoete stevige appel </td>
Alvast weer bedankt
Hallo , ik heb het opgelost met deze code
$(document).ready(function(){
$('.table tr').each(function(){
var titleText = $(this).find('.titel').text();
$(this).find('a.img img').attr('title', titleText);
});
});
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
