Pagination als Gefahr für internen Duplicate Content

Johannes Beus
Blog- und Content-Management-Systeme wie Wordpress oder auch Ruby on Rails verteilen Content, der nicht auf eine Seite passt üblicherweise auf mehrere Seiten und bieten dann unten, am Ende der Seite eine Navigation über Seitenzahlen an. Was für den Benutzer praktisch und übersichtlich ist, kann für Suchmaschinen zum Problem werden. Würde ich beispielsweise ein Wordpress-Blog einsetzen, so wäre dieser Text unter folgenden Seiten zu erreichen.


Wie zu sehen ist, wird der Orginalcontent auf einer große Anzahl weiterer Seiten veröffentlicht. Wenn man sich nur mal ansieht, wie viel Wordpress-Blogs die genannte Seite „/page/2“ im Googleindex haben, so wird das Ausmaß des Problems schnell deutlich. Verschärfend kommt hinzu, dass – wie Gerald es so schön formuliert hat – der Googlebot zu keiner Zeit einen aktuellen Überblick über die ganze Webseite hat. Ein Artikel, der eben noch auf der Startseite war, kann kurz später bereits auf der zweiten Seite erscheinen und verwirrt den Suchmaschinencrawler so nur noch mehr.

Natürlich ist es so, dass Suchmaschinen, allen voran Google, mit dem Problem mittlerweile gut umgehen kann und die Erkennung der URL des Orginalcontents recht zuverlässig gelingt. Da es bei Suchmaschinenoptimierung – der Name verrät es bereits - aber nicht darum geht, irgendwie weiterzukommen, sondern möglichst die optimale Lösung zu finden, sollten Webseitenbetreiber, die sich mit dem Problem konfrontiert sehen, um eine Lösung bemühen. In diesem Blog ist es beispielsweise so gelöst, dass nur auf der Startseite des Blogs die jeweils 10 aktuellen Beiträge vorhanden sind, ansonsten ist der Content nur unter einer URL zu finden. Die Seiten des Archives oder der Tags verlinken lediglich die Überschrift auf die URL.
Eintrag geschrieben am 18.06.2007 um 17:38 Uhr - Trackback setzen - Tags: Duplicate Content Supplemental Index
Thomas
1
schrieb am 18.06.2007 um 18:42 Uhr
Ruby on Rails ist jetzt aber nicht wirklich ein Blog- und Content-Management-System!

LG
Thomas

sistrix
2
schrieb am 18.06.2007 um 18:45 Uhr
Dann nennen wir es eben Web-Framework. Dürfte hier aber auch egal sein, geht ja um die Problematik des internen Duplicate Content.

joghurtKULTUR
3
schrieb am 18.06.2007 um 18:49 Uhr
Eine weitere Möglichkeit wäre auch Google & Co das indexieren der Archivseiten usw. über noindex, follow zu untersagen. Damit dürfte das Problem auch gegessen sein. Das Worpress Plugin wpSEO bietet dazu nette Möglichkeiten.

sistrix
4
schrieb am 18.06.2007 um 18:58 Uhr
Man muss dabei halt aufpassen, dass man sich die interne Linkstruktur nicht kaputt macht. Durch falsche Einstellungen in der robots.txt oder über die Noindex-Meta-Tags kann die halt auch Schaden nehmen. Wie so häufig im SEO-Bereich, alles Abwägungssache.

soeren onez
5
schrieb am 18.06.2007 um 21:04 Uhr
Warum aber nu Überschriften? Kommt es Google dann nicht wie ein Teil der Sidemap vor und somit habe ich auch wieder doppelte Seiten, die man besser aussperrt?
Ich habe auf den Paged- und Kategorienseiten nur den Exerpt von 75 Zeichen stehen und habe dadurch noch Seiten, auf denen Google die absurdesten Stichwortkombinationen findet, sind auch Besucher.

Warum ziehst du die Überschrift, dem Teaser auf diesen Seiten vor?

Mario
6
schrieb am 18.06.2007 um 23:26 Uhr
Für Google ist ja auch der extrem wichtig in Sachen DC, solange der anders ist und noch anderer Text zu finden ist, sollte das kein großes Problem darstellen.<br /> <br /> Mach ich das z.B. mit noindex,follow, nimmt G. das follow ja teilweise "nicht mehr so ernst".<br /> <br /> Ich denke Google kommt damit mittlerweile ganz gut zurecht. Aber keine Frage wenn man solche Sachen vermeiden kann, dann sollte man das tun ... zumindest in den meisten Fällen.<br/> </div> </div> <img src="https://do8fe91rbn7gn.cloudfront.net/images/design/trenner.png" width="675" height="20" alt="" style="padding-top: 0px;"><br> <div class="blog_comment_seperator"></div> <a href="#7" name="7"><img src="http://www.gravatar.com/avatar/f7a61978945ddcf3e558cfd18f78143b?s=48&d=http%3A%2F%2Fwww.sistrix.de%2Fweb%2Fimages%2Fdesign%2Fgravatar.png" class="gravatar" width="48" height="48" alt="sistrix"></a> <div class="blogcommenttext"> <div class="comment_num">7</div> <div class="blogcommentauthor member"><a href="http://www.sistrix.de/news/" rel="nofollow" target="_new">sistrix</a></div> <div class="blogcommenttime">schrieb am 19.06.2007 um 17:08 Uhr</div> <div class="blogcommenttextcontent"> Soeren, eine Sitemap in dem Sinne habe ich auf dieser Domain gar nicht. Für sowas wie Blogs, Nachrichten usw bietet es sich ja auch meistens an, ein nach Zeit geordnetes Archiv als Sitemap zu verwenden. Würde ich da unter jeden Beitrag jetzt noch ein Snippet des Textes setzen, so besteht zum einen die Gefahr, des doppelten Inhaltes (zwar wirklich gemässigt, aber immerhin) und zweitens würden die Seiten so lang, dass ich oben genanntes Paging einführen müssten. Bei den Tagseiten habe ich zu jedem interessanten Tag noch einen kleinen Text geschrieben. So entsteht für diesen Begriff eine Art "Themenhub", da erstens der Begriff erklärt ist und zweitens auf interne Seiten, die sich mit dem Begriff befassen, verlinkt wird.<br/> </div> </div> <img src="https://do8fe91rbn7gn.cloudfront.net/images/design/trenner.png" width="675" height="20" alt="" style="padding-top: 0px;"><br> <div class="blog_comment_seperator"></div> <a href="#8" name="8"><img src="http://www.gravatar.com/avatar/328eae1b0318c9647ac7c6ccfb0a9baa?s=48&d=http%3A%2F%2Fwww.sistrix.de%2Fweb%2Fimages%2Fdesign%2Fgravatar.png" class="gravatar" width="48" height="48" alt="soeren onez"></a> <div class="blogcommenttext"> <div class="comment_num">8</div> <div class="blogcommentauthor "><a href="http://www.seo-watchblog.de/" rel="nofollow" target="_new">soeren onez</a></div> <div class="blogcommenttime">schrieb am 20.06.2007 um 10:07 Uhr</div> <div class="blogcommenttextcontent"> Ich verstehe, habe nur oft gehört, dass die paged-Strucktur für Google eine angenhme sein, weil die Webseite dadurch nicht tief sondern breit wird und Google nicht mehr so lange braucht, um sie komplett zu crawlen. Aber das heißt ja nicht, dass dadurch alles wunderbar indiziert wird, oder?<br /> <br /> Auf irgendeinem Googleblog, ich weiß nicht mehr welchem, war vor einiger Zeit ein Beitrag zu Dublicate Content, der besagte, wir sollten uns nicht so viele Sorgen machen, da Google externen und internen DC erkennen würden.<br /> <br /> Danach habe ich meine Bemühungen nicht mehr sonderlich weiter fortgeführt, aber du lässt mich jetzt schon wieder grübeln.<br/> </div> </div> <img src="https://do8fe91rbn7gn.cloudfront.net/images/design/trenner.png" width="675" height="20" alt="" style="padding-top: 0px;"><br> <div class="blog_comment_seperator"></div> <b>Trackback</b> - <b><a href="http://blog.mein-kiwi.de/2007/07/19/nuetzliches-wordpress-plugin/">Kiwi Webblog</a></b> - 19.07.2007 16:38<br /> Angeregt durch einen Beitrag im Sistrix-Blog zum Thema Pagination als Gefahr f&#252;r internen Duplicate Content, war ich eine ganze Weile auf der Suche nach einem passenden Plugin f&#252;r das Wordpressarchiv. Jetzt habe ich es aber endlich gefunden.<br /> ...<br /> <img src="https://do8fe91rbn7gn.cloudfront.net/images/design/trenner.png" width="675" height="20" alt="" style="padding-top: 0px;"><br> <div class="blog_comment_seperator"></div> <br/> <a name="add_comment"></a> <div class="ajax_frame_border"> <div class="nbox table graph_ " style=" "> <div class="nbox_border nbox_border_right nbox_right"></div> <div class="nbox_border nbox_border_left nbox_left"></div> <div class="nbox_border nbox_border_top nbox_top nbox_header "> <div class="nbox_inner_edge nbox_border_edge nbox_left nbox_top "></div> <div class="nbox_inner_edge nbox_border_edge nbox_right nbox_top "></div> <h2 style=" "> <img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/silk/comment.png" width="16" height="16" alt="" title="" style="vertical-align: middle; padding-right: 5px;" /> Kommentieren? </h2> </div> <div class="nbox_icon_button off" onclick=" var button = this; $(this).parents('div:first').find('div.nbox_header_icon_list').each(function() { if ($(this).css('display') == 'none') { if (!$(this).hasClass('texts_applied')) { $(this).find('a').each(function(){ var title = $(this).find('img:first').attr('title'); var img = $(this).find('img:first'); var text_row = $('<span></span>'); $(text_row).addClass('nbox_header_icon_row'); $(text_row).html(title); $(this).html(''); $(this).append(img); $(this).append(text_row); if (!$(this).hasClass('out_applied')) { $(this).bind('click', function(){ $(button).click(); }); $(this).addClass('out_applied'); } }); } var has_texts = false; $(this).find('span.nbox_header_icon_row').each(function(){ has_texts = true; }); if (!has_texts) { return; // nothing to display } $(this).addClass('texts_applied'); $(this).fadeIn(150); $(button).addClass('open'); $('#white_frame_hider').fadeTo(150, 0.50); } else { $(this).hide(); //fadeOut(); $(button).removeClass('open'); $('#white_frame_hider').hide(); } }); "><div>mehr</div> </div> <div class="nbox_icons nbox_top nbox_header nbox_header_icon_list" > <!----> <!--<a style="padding-left: 12px;" href="/inc/modal/help.php?id='.$val.'" class="colorboxsmall"><img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/silk/help.png" width="16" height="16" title="Hilfetext aufrufen" alt="Hilfetext aufrufen" border="0"></a>--> </div> <div class="nbox_border_edge nbox_left nbox_top "></div> <div class="nbox_border_edge nbox_right nbox_top "></div> <div class="nbox_content"> <div class="nbox_content_content" style=" "> <div style="padding: 7px;"> Die Kommentare für diesen Beitrag wurden geschlossen. Angemeldete Benutzer haben weiterhin die Möglichkeit, auch ältere Beiträge zu kommentieren. <a href="http://www.sistrix.de/order">Jetzt kostenlos anmelden</a> </div> <div class="nbox_footer_element "> </div> </div> </div> <div class="nbox_border nbox_border_bottom nbox_bottom"></div> <div class="nbox_border_edge nbox_left nbox_bottom"></div> <div class="nbox_border_edge nbox_right nbox_bottom"></div> </div> </div> <div class="nbox_footer_margin"></div> </td> <td id="menue_td"> <div class="width_blocker"></div> <ul class="menue " > <li> <span class="firsttopic"> <img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/feed.png" style=" " class=" icon_image" > <span>SEO-Blog</span> </span> <ul class="submenue "> <li><a href="http://www.sistrix.de/news/index">Startseite</a></li> <li> <a style="display: inline;" href="http://www.sistrix.de/news/sistrix.rss">RSS-Feed</a>, <b><a style="display: inline;" href="http://www.sistrix.de/news/fullfeed">vollständiger Feed</a></b> </li> <li> <a style="display: inline;" href="http://www.sistrix.de/news/about">Über das Blog</a>, <a style="display: inline;" href="http://www.sistrix.de/news/blogcharts">Blogcharts</a> </li> <li class="lastp"> Archiv: <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2003">2003</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2004">2004</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2005">2005</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2006">2006</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2007">2007</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2008">2008</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2009">2009</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2010">2010</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2011">2011</a>, <a style="display: inline;" href="http://www.sistrix.de/news/archive/year/2012">2012</a> </li> </ul> </li> </ul> <ul class="menue " > <li> <span class="firsttopic"> <img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/page_white_copy.png" style=" " class=" icon_image" > <span>Weitere Postings</span> </span> <ul class="submenue "> <li class=" "> <a href="http://www.sistrix.de/news/631-erneut-gef-lschte-google-mails-im-umlauf.html" title="Erneut gefälschte Google-Mails im Umlauf"> Erneut gefälschte Google-Mails ... </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/632-das-subdomain-problem.html" title="Das Subdomain-Problem"> Das Subdomain-Problem </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/633-wann-verl-sst-matt-cutts-google.html" title="Wann verlässt Matt Cutts Google?"> Wann verlässt Matt Cutts Google? </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/634-was-kostet-suchmaschinenoptimierung.html" title="Was kostet Suchmaschinenoptimierung?"> Was kostet Suchmaschinenoptimie... </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/635-was-kostet-suchmaschinenoptimierung-teil-ii.html" title="Was kostet Suchmaschinenoptimierung? – Teil II"> Was kostet Suchmaschinenoptimie... </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/636-was-kostet-suchmaschinenoptimierung-teil-iii.html" title="Was kostet Suchmaschinenoptimierung? – Teil III"> Was kostet Suchmaschinenoptimie... </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/637-inhouse-seo-wird-auch-in-deutschland-erwachsen.html" title="Inhouse-SEO wird auch in Deutschland erwachsen"> Inhouse-SEO wird auch in Deutsc... </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/638-googlebot-vs.-yahoo-slurp.html" title="Googlebot vs. Yahoo Slurp"> Googlebot vs. Yahoo Slurp </a> <div class="selected_tick"></div> </li> <li class=" "> <a href="http://www.sistrix.de/news/639-one-wikipedia-to-rule-them-all.html" title="One Wikipedia to Rule Them All"> One Wikipedia to Rule Them All </a> <div class="selected_tick"></div> </li> <li class="lastp "> <a href="http://www.sistrix.de/news/640-google-stemming-immer-besser.html" title="Google-Stemming immer besser"> Google-Stemming immer besser </a> <div class="selected_tick"></div> </li> </ul> </li> <li class="last"> </li> </ul> </td> </tr> </table> </div> </div> </div> <script type="text/javascript"> $(function(){ startHeatmap('news/entry', 'http://www.sistrix.de/toolbox_main/hm', '#container'); }); </script> </div> </div> </div> <div id="footer" class="start"> <div id="footer-links"> <p> <img class="icon" src="http://www.sistrix.de/web/cms_files/global/images/icons/icon_fb.gif" alt="" /> <a href="http://www.facebook.com/sistrix.toolbox">Werde Fan bei facebook</a> <img class="icon" src="http://www.sistrix.de/web/cms_files/global/images/icons/icon_twt.gif" alt="" /> <a href="http://twitter.com/sistrix">Folge uns auf twitter</a> </p> <div style="float: right; color: #979797; position: relative; bottom: 23px; right: 20px;"> © 2012 SISTRIX GmbH </div> </div> <div id="footer-outer"> <ul> <li class="top"><a href="http://www.sistrix.de/" class="footerhead">SEO Tool</a></li> <li><a href="http://www.sistrix.de/toolbox/prices">Preise & Konditionen</a></li> <li><a href="http://www.sistrix.de/toolbox/features/analyse">Analysieren</a></li> <li><a href="http://www.sistrix.de/toolbox/features/optimise">Optimieren</a></li> <li><a href="http://www.sistrix.de/toolbox/features/control">Kontrollieren</a></li> <li><a href="http://www.sistrix.de/toolbox/features/document">Dokumentieren</a></li> </ul> <ul> <li class="top"><a href="http://www.sistrix.de/toolbox/module" class="footerhead">SISTRIX Toolbox</a></li> <li><a href="http://www.sistrix.de/toolbox/module/seo">SEO</a></li> <li><a href="http://www.sistrix.de/toolbox/module/universal-search">Universal Search</a></li> <li><a href="http://www.sistrix.de/toolbox/module/sem">SEM</a></li> <li><a href="http://www.sistrix.de/toolbox/module/links">Links</a></li> <li><a href="http://www.sistrix.de/toolbox/module/monitoring">Monitoring</a></li> </ul> <ul> <li class="top"><a href="http://www.sistrix.de/service/" class="footerhead">Service</a></li> <li><a href="http://www.sistrix.de/service/faq">Fragen & Antworten</a></li> <li><a href="http://www.sistrix.de/service/agency">Agentur-Option</a></li> <li><a href="http://www.sistrix.de/service/affiliate">Partnerprogramm</a></li> <li><a href="http://www.sistrix.de/service/docs/api">API-Schnittstelle</a></li> <li><a href="http://www.sistrix.de/service/docs">Dokumentation</a></li> </ul> <ul> <li class="top"><a href="http://www.sistrix.de/sistrix/" class="footerhead">SISTRIX GmbH</a></li> <li><a href="http://www.facebook.com/sistrix.toolbox" rel="nofollow">Facebook</a></li> <li><a href="http://www.twitter.com/sistrix">Twitter</a></li> <li><a href="http://www.sistrix.de/sistrix/contact">Kontakt</a></li> <li><a href="http://www.sistrix.de/sistrix/imprint">Impressum</a></li> <li><a href="http://www.sistrix.de/sistrix/privacy">Datenschutz</a></li> </ul> <div class="footer_up_scroll"> <a href="#"> <img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/up.png" style=" " class=" icon_image" > nach oben </a> </div> </div> </div> <div id="my_overlay" style="display: none;"> </div> <div id="my_colorbox" class="border_radius_5"> <div class="my_colorbox_inner border_radius_5"> <div id="my_colorbox_loader"> <div style="position: relative; text-align: center; height: 28px; margin-bottom: 15px; margin-top: -10px;"> <center> <img class="spinner colorbox_spinner" src="https://do8fe91rbn7gn.cloudfront.net/images/spinner.gif" onclick="my_colorbox_close();" style="position: relative; top: -5px;"/><br/> <table class="loading_bar colorbox_loading_bar" cellpadding="0" cellspacing="0" style="position: relative; top: -13px; margin-top: 4px; margin-left: 5px; display: none;"> <td class="loading_bar_loaded" style="width: 0.5%; font-size: 1px; padding-top: 0px; padding-bottom: 0px;"><div class="loading_bar_inner_doing"></div></td> <td class="loading_bar_toload" style="font-size: 1px; padding-top: 0px; padding-bottom: 0px;"></td> </table> </center> </div> <center> <a href="#" onclick="my_colorbox_close(); return false;"> <span class="n_button n_button_text_icon "><span class="n_inner_button"><span style="">Abbrechen</span></span></span> </a> </center> </div> <div id="my_colorbox_content"> </div> </div> </div> <div id="image_scroller_left" style="display: none;">left</div> <div id="image_scroller_right" style="display: none;">right</div> <div id="image_scroll_panel" style="display: none; position: absolute; position: fixed; top: 150px; left: 100px; background-color: #fff; width: 800px; height: 500px; z-index: 100001;"> <div id="image_scroll_big" class="" style="position: absolute; top: 0px; left: 0px; overflow: hidden;"></div> <div id="image_scroll_text" class="blend fix_width fix_height" style="position: absolute; top: 10px; right: 10px; width: 250px; height: 300px; overflow: hidden; "></div> <div id="image_scroll_small" class="fix_width fix_height" style="position: absolute; bottom: 10px; right: 30px; width: 210px; height: 150px; overflow: hidden;"></div> <div id="image_scroll_left" style="position: absolute; bottom: 10px; right: 240px; width: 20px; height: 150px; cursor: pointer;" onclick="$('#image_scroller_left').click();"></div> <div id="image_scroll_right" style="position: absolute; bottom: 10px; right: 10px; width: 20px; height: 150px; cursor: pointer;" onclick="$('#image_scroller_right').click();"></div> <div id="closebutton" style="position: absolute; top: 0px; right: 0px; cursor: pointer;" onclick="$('#image_scroll_panel').hide(); $('#my_start_overlay').hide();"><img src="https://do8fe91rbn7gn.cloudfront.net/images/icons/cross.png" style=" " class=" icon_image" ></div> </div> <script type="text/javascript"> function fadeImage(i) { var c = 0; $('#teaser_image img').each(function(){ if (c == i) { $(this).addClass('show_me'); $(this).removeClass('hide_me'); } else { $(this).removeClass('show_me'); $(this).addClass('hide_me'); } c++; }); $('#teaser_image img.show_me').fadeIn(300); $('#teaser_image img.hide_me').fadeOut(300); } $('#my_start_overlay').css('opacity', 0.5); $('#my_start_overlay').bind('click', function(){ $('#image_scroll_panel').hide(); $(this).hide(); }); /* * build up fadeable images */ $('#teaser1').each(function(){ $(this).bind('mouseenter', function(){fadeImage(1);$(this).addClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser1').each(function(){ $(this).bind('mouseleave', function(){fadeImage(0);$(this).removeClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser2').each(function(){ $(this).bind('mouseenter', function(){fadeImage(2);$(this).addClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser2').each(function(){ $(this).bind('mouseleave', function(){fadeImage(0);$(this).removeClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser3').each(function(){ $(this).bind('mouseenter', function(){fadeImage(3);$(this).addClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser3').each(function(){ $(this).bind('mouseleave', function(){fadeImage(0);$(this).removeClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser4').each(function(){ $(this).bind('mouseenter', function(){fadeImage(4);$(this).addClass('hovered');$('div.box-areas').removeClass('selected');}); }); $('#teaser4').each(function(){ $(this).bind('mouseleave', function(){fadeImage(0);$(this).removeClass('hovered');$('div.box-areas').removeClass('selected');}); }); window.setInterval(function(){ var hovered = false; var num = -1; var i = 0; $('div.box-space').each(function(){ if ($(this).hasClass('hovered')) hovered = true; if ($(this).parents('div.box-areas:first').hasClass('selected')) num = i; i++; }); if (!hovered) { $('div.box-areas').removeClass('selected'); num++; if (num >= i) num = 0; i = 0; fadeImage(num + 1); $('div.box-space').each(function(){ if (i == num) $(this).parents('div.box-areas:first').addClass('selected'); i++; }); } }, 4000); $('#image_scroll_panel').css('top', '-1000000px'); $('#image_scroll_panel').css('left', '-1000000px'); $('#image_scroll_panel').show(); var ipp = new imagePreviewPanel($('#image_scroll_big'),$('#image_scroll_text'),$('#image_scroll_small'),$('#image_scroll_panel')); $('#image_scroller_left').bind('click', function(){ ipp.prev(); }); $('#image_scroller_right').bind('click', function(){ ipp.next(); }); var sources = new Array(); var texts = new Array(); var divs = new Array(); var cnt = 0; $('div.preview').each(function(){ var preview_div = this; $(this).find('img:first').each(function(){ var src = this.src; var text = $(this).parents('div.preview:first').find('div:first'); if (!text) text = $('<div></div>'); sources.push(src); texts.push(text); divs.push(preview_div); $(this).attr('id', 'imgScroll_' + cnt); $(this).css('cursor', 'pointer'); $(this).bind('click', function(){ var nr = $(this).attr('id').split('_'); nr = ptx_integer(nr[1]); ipp.show(nr); }); }); cnt++; }); for(var i in sources) { var src = sources[i]; var text = texts[i]; var div = divs[i]; if (!src.split) continue; ipp.add(src, text, div); } $(function(){ $('ul#logowheel li').each(function(){ $(this).css('margin-top', '-5px'); $(this).css('height', '60px'); var me = this; var img = $(this).find('img:first'); $(img).load(function(){ var padding_top = ($(me).height() - $(img).height()) / 2; $(me).css('padding-top', padding_top + 'px'); }); }); }); </script> <div style="display:inline;"><img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1069909563/?label=ITGPCJ-c7gEQu4yW_gM&guid=ON&script=0"/></div> </body> </html>