Abschließend noch ein kleines Update. Zwei Bannerformate müssen bei meiner mobilen Darstellung getauscht werden: Banderole-Ad und Superbanner. Im Javascript werden die Webbanner-Module durchsucht und den beiden Webbanner-Formaten eine mobile-freundliche Version zugewiesen.
Nachteil: Die Webbanner müssen vom Kunden in zwei Formaten angeliefert werden. Bei mittelständischen und größeren Kunden werden in der Regel sowieso eine ganze Liste an großen und kleinen Formaten produziert. Da dürfte es keine Probleme geben.
Wenn ich den Code noch verbessern kann, gerne her damit.
HTML-Code:
// Ad Change
if (window.innerWidth <= 768) {
$('.mod_banner .banner_wrap img[src*="superbanner"]').each(function(){
$(this).attr('src', function(i, src) {
return src.replace( 'superbanner', 'mobile-leaderboard' );
});
});
$('.mod_banner .banner_wrap img[src*="banderole"]').each(function(){
$(this).attr('src', function(i, src) {
return src.replace( 'superbanner', 'small-square' );
});
});
}
Lesezeichen