Forum - RE: "Letzte Beiträge" mit Bild und Text - Ist in Arbeit! - 2

<style>
  .ZoomPreview{position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);border:1px solid #aaa;background:#fff;padding:4px;z-index:1000;opacity:0; transition: opacity 0.5s 0.5s linear; cursor:pointer !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4); }
  .ZoomPreview img{max-width:90vw;max-height:90vh;object-fit:contain;}
  .ZoomImgGlobal {position:absolute;right:4px;bottom:4px;background:#fff;padding: 3px 0 2px 3px !important; cursor:pointer;opacity:0.3;transition:.15s;z-index:10000;}
  .fnew:hover .ZoomImgGlobal{opacity:1;}
  
  .page_topic .fnewImg, .topic .fnewImg {display:none;}
  .page_msg .fnewImg, .page_new .fnewImg, .msg .fnewImg, .new .fnewImg {max-width:800px;max-height:100px;object-fit:contain;}
</style>
 
{{template==144.start}}
  <style>
  .fnewImg{max-width:90%;max-height:150px;object-fit:contain;}
  .fnewTextPreview{margin-top:10px!important;padding-top:10px;font-size:13px;line-height:1.45;color:#333;white-space:pre-line;border-top:1px solid #aaa;}
  .fnewTextPreview h2{font:bold 14px arial!important;}
  .fnewTextPreview h2.UeAk{white-space:nowrap!important;}
  .fnewZoomIconGlobal, .ZoomIconGlobal {position:absolute;left:4px;bottom:4px;width:22px;height:22px; background:#fff;padding: 5px; border-radius:50%;border:1px solid #0003;cursor:pointer;opacity:0.3;transition:.15s;z-index:10;}
 
  td.fnew:hover .fnewZoomIconGlobal, td.fnew:hover .ZoomIconGlobal{opacity:1;}
  tr[data-fnew-done="1"] td.fnew {width:20% !important; max-width:270px;position:relative;right:5px}
  td.fdesc {width: 51% !important;}
  .boxcontent td.fdesc {width: 55% !important;}
  td.fposts {width: 10% !important;}
  td.fstat {width: 15% !important;padding-right: 50px !important;}
  tr.newPost .fdesc.fdetail{background:#def;}
 
  a.fnewReadMore{display:block; max-width:150px;background:#fff;color:#000 !important;font-size:16px;padding:5px 10px; margin:10px 15px; transition: all 0.3s 0.8s linear;border-radius:5px; box-shadow: 2px 2px 4px 0px #333333;}
  a.fnewReadMore:hover{text-decoration:none !important; box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4) !important;transform: scale(1.03);}
 
  span.threadpages{float:right;margin-right:30px;margin-top:4px;font-size:12px;}
  span.threadpages a small{padding:0 2px;}
  </style>
{{template==144.end}}
 
 
{{template==177.start}}
  <style>
  #showlast_threads tr.threadrow > td {padding: 10px 15px !important;}
  #showlast_threads tr.threadrow .thread_icon {width: 30% !important;}
  #showlast_threads tr.threadrow .thread_icon img.fnewImg {width: 100% !important;max-height: 100px;object-fit: contain;}
  #showlast_threads tr.threadrow .thread_answers {max-width: 8% !important;display:table-cell;}
  #showlast_threads tr.threadrow .thread_lastreply {max-width:10% !important;}
  #showlast_threads tr.threadrow .fnewZoomIconGlobal, tr.threadrow .ZoomIconGlobal {position:absolute;left:4px;bottom:4px;width:22px;height:22px; background:#fff;border-radius:50%;border:1px solid #0003; display:flex;align-items:center;justify-content:center; font-size:14px;cursor:pointer;opacity:0.3;transition:.15s;z-index:1000;}
  #showlast_threads tr.threadrow:hover .fnewZoomIconGlobal, tr.threadrow:hover .ZoomIconGlobal {opacity:1;}
  #showlast_threads tr.threadrow.newmessage .thread_info {background:#def;}
 
  #showlast_threads a.fnewReadMore{display:block; background: #fff; max-width:150px;padding:5px 10px; margin:10px 15px; border-radius:5px; box-shadow: 2px 2px 4px 0px #333333;}
  #showlast_threads a.fnewReadMore:hover{text-decoration: none;}
 
  /* --- Mobil - Resonsive --- */
  @media (max-width: 900px) {
  .ZoomImgGlobal {display:none;}
  #showlast_threads tr.threadrow {display: block; max-width:93vw;}
  #showlast_threads tr.threadrow > td {display: block; width: 100% !important; max-width: 100% !important;}
  #showlast_threads tr.threadrow .thread_icon {width: 100% !important;}
  #showlast_threads tr.threadrow .thread_icon img.fnewImg {display: flex; width: 100% !important;max-height: 100px;object-fit: contain; margin-bottom: 10px; }
  #showlast_threads tr.threadrow .fnewZoomIconGlobal, tr.threadrow .ZoomIconGlobal {width:40px; height:40px; opacity:1;}
  #showlast_threads tr.forum_listing_header th:nth-child(n+2) {display: none !important;}
  }
  </style>
{{template==177.end}}
 
<div id="ZoomBox" class="ZoomPreview" title="Mit einem Klick schließen"></div>
 
<script>
document.addEventListener("DOMContentLoaded", () => {
 
  const BildExtraktor="https://www.hilfe-tricks-tipps.de/page-104774-64.html", // Link zum Bild-Extraktor, zu "Eigene Seiten"
        PluginName="v4last", // Plugin-Name (wie oben beschrieben)
        WortLimit=60,           // Textlänge durch Anzahl der Worte bestimmen
        HinweisFenster="• Der Bild-Extractor wird geöffnet und sucht nach Bilder im Forum.\n• Aktuell stehen Bilder aus dem Thema zur Verfügung.\n• Mit einem Klick auf das Bild wird es im ersten Beitrag gespeichert.\n• Unter 'Beiträge der letzten Tage' erscheint dann das Vorschaubild.";
 
  const getImgFromHTML = html => {const d=document.createElement("div");d.innerHTML=html;const imgs = d.querySelectorAll("img.fnewImg"); return imgs.length ? imgs[imgs.length - 1].src : null;};
  const getCache = (id,type) => sessionStorage.getItem(`fnew_${type}_${id}`);
  const setCache = (id,type,val) => sessionStorage.setItem(`fnew_${type}_${id}`,val);
  const makePreview = (t,l) => `<div class="fnewTextPreview">${t}<a href="${l}" class="fnewReadMore"> Weiterlesen →</a></div>`;
  const cleanText = h => h.replace(/<br\s*\/?>/gi,"\n").replace(/\n{2,}/g,"\n").replace(/<\/legend>\s*/gi,"</legend>.\n").replace(/<div class="bbcode_code">[\s\S]*?<\/div>/gi,"").replace(/<pre[\s\S]*?<\/pre>/gi,"").replace(/<h2[\s\S]*?<\/h2>\s*(<hr[^>]*>)?/gi,"").replace(/<h2[\s\S]*?<\/h2>/gi,"").replace(/<\/li>/gi,". ").replace(/<li>/gi,"").replace(/<[^>]+>/gi,"").replace(/\[\[[^\]]*\]\]/gi,"");
  const buildTeaser = (clean,link,id,desc) => {const limit=innerWidth<600?WortLimit/2:WortLimit;const txt=clean.trim().split(/\s+/).slice(0,limit).join(" ")+" …";const out=makePreview(txt,link);desc.insertAdjacentHTML("beforeend",out);setCache(id,"txt",out);};
  const addZoomIcon = icon => {icon.style.position="relative";icon.insertAdjacentHTML("beforeend",`<span class="fnewZoomIconGlobal">&#128269;</span><span class="ZoomImgGlobal"><img src="//img.homepagemodules.de/ds/static/gaia/picture.png"></span>`);};
 
  {{template==177.start}}
  // Quicklinks
  document.querySelector('#usermodal #usercontent .quicklinks h3:last-of-type') ?.insertAdjacentHTML("afterend",`<a href="${BildExtraktor}" class="capped">Zum Bild-Extractor</a> <a href="./forum.php?show=last" class="capped" style="color:#a80;"><b>Letzte Beiträge</b></a>`);
 
  const runFnew177 = () => {
    const rows=[...document.querySelectorAll("#showlast_threads tr.threadrow")]; const tids=[], msgs=[], map={};
    rows.forEach(row => {
      if(row.dataset.fnewDone) return; row.dataset.fnewDone=1;
      const icon=row.querySelector(".thread_icon"),title=row.querySelector(".ttitle a"),desc=row.querySelector(".thread_desc"),last=row.querySelector(".thread_lastreply a[href*='#msg']")?.href||title.href; if(!icon||!title||!desc||!last) return; addZoomIcon(icon);
      const tid=title.href.match(/t(\d+)f/)?.[1]; const msg=last.match(/#msg(\d+)/)?.[1]||tid;if(!tid||!msg) return; map[msg]={row,icon,title,desc,last,tid,msg}; tids.push(tid);msgs.push(msg);
      const cImg=getCache(tid,"img"), cTxt=getCache(msg,"txt");
      if(cImg){icon.innerHTML=`<a href="${last}"><img src="${cImg}" class="fnewImg"></a>`;addZoomIcon(icon);} if(cTxt){desc.insertAdjacentHTML("beforeend",cTxt);}
    });
 
    // Bilder aus Beitrag 1, Text aus MSG
    xobor.plugin(PluginName).getDeep({target_id:tids,target_type:"1"},res=>{res.forEach(entry=>{const tid=entry.id, html=entry.text, src=getImgFromHTML(html);if(!src) return;for(const msg in map){const item=map[msg];if(item.tid==tid && !getCache(tid,"img")){item.icon.innerHTML=`<a href="${item.last}"><img src="${src}" class="fnewImg"></a>`;setCache(tid,"img",src); addZoomIcon(item.icon);}}}); });
    xobor.plugin(PluginName).getDeep({target_id:msgs,target_type:"2"},res=>{res.forEach(entry=>{const msg=entry.id, html=entry.text, clean=cleanText(html), item=map[msg];if(!item) return;if(!getCache(msg,"txt")) buildTeaser(clean,item.last,msg,item.desc);});});
  };
  setTimeout(runFnew177,200);
 
  // Lupe, Bild-Extractor
  document.addEventListener("click", e => {
    const z=e.target.closest(".fnewZoomIconGlobal");if(!z) return;
    const linkEl=z.closest("tr.threadrow")?.querySelector(".ttitle a");if(!linkEl) return;
    e.preventDefault(); e.stopPropagation();
    {{user_admin==true.start}}if(!confirm(HinweisFenster)) return;{{user_admin==true.end}}
    location.href=`${BildExtraktor}?url=${encodeURIComponent(linkEl.href)}`;
  }, true);
  {{template==177.end}}
                                                                            
  {{template==144.start}}
  // Bild-Extractor-Link
  $('#global-news-box-wrap #news-headline:last').after(`<span><span style="padding-left:2px;" onclick="$('#global-news-box-wrap').hide();location.href='${BildExtraktor}';">&#128269; Der Forum Bild-Extractor</span></span>`);
  const runFnew144 = () => {
    const rows=[...document.querySelectorAll("td.fposts")]; const tids=[], msgs=[], map={};
 
    rows.forEach(td => {
      const row=td.closest("tr"); if(!row||row.dataset.fnewDone) return; row.dataset.fnewDone=1;
      const box=row.querySelector("td.fnew"),link=box?.querySelector("a"),title=row.querySelector("td.fdesc.fdetail a.threadlink"),desc=row.querySelector("td.fdesc.fdetail"),last=row.querySelector("td.fstat a.fstattime")?.href;if(!box||!link||!title||!desc||!last) return;addZoomIcon(box);
      const tid=title.href.match(/t(\d+)f/)?.[1];
      const msg=last.match(/#msg(\d+)/)?.[1]||tid; if(!tid||!msg) return; map[msg]={row,box,link,title,desc,last,tid,msg}; tids.push(tid); msgs.push(msg);
      const cImg=getCache(tid,"img"), cTxt=getCache(msg,"txt");
      if(cImg){box.querySelector(".statimg")?.remove();link.outerHTML=`<a href="${last}"><img src="${cImg}" class="fnewImg"></a>`;} if(cTxt){desc.insertAdjacentHTML("beforeend",cTxt);}
    });
 
    // Bilder aus Beitrag 1, Text aus MSG
    xobor.plugin(PluginName).getDeep({target_id:tids,target_type:"1"},res=>{res.forEach(entry=>{const tid=entry.id, html=entry.text, src=getImgFromHTML(html);if(!src) return;for(const msg in map){const item=map[msg];if(item.tid==tid && !getCache(tid,"img")){item.box.querySelector(".statimg")?.remove();item.link.outerHTML=`<a href="${item.last}"><img src="${src}" class="fnewImg"></a>`;setCache(tid,"img",src);}}});});
    xobor.plugin(PluginName).getDeep({target_id:msgs,target_type:"2"},res=>{res.forEach(entry=>{const msg=entry.id, html=entry.text, clean=cleanText(html), item=map[msg];if(!item) return;if(!getCache(msg,"txt")) buildTeaser(clean,item.last,msg,item.desc);});});
  };
  if(location.href.includes("forum.php?show=last")) setTimeout(runFnew144,200);
 
  // Lupe → Bild-Extractor
  document.addEventListener("click",e=>{
    const z=e.target.closest(".fnewZoomIconGlobal");if(!z) return;e.preventDefault();
    const link=z.closest("tr").querySelector("td.fdesc.fdetail a.threadlink").href.replace(/-\d+\.html(#.*)?$/,".html");
    {{user_admin==true.start}}if(!confirm(HinweisFenster)) return;{{user_admin==true.end}}
    location.href=`${BildExtraktor}?url=${encodeURIComponent(link)}`;
  },true);
  {{template==144.end}}
 
  // Bild einfügen
  const img=new URLSearchParams(location.search).get("fnewimg");
  if(img){
    const bb=`\n\n[fnewImg]${img}[/fnewImg]\n`;
    const insertWhenReady=()=>{const ta=document.querySelector('textarea[name="nachricht"]');if(!ta)return setTimeout(insertWhenReady,200);ta.value+=bb;setTimeout(()=>{ta.scrollTop=ta.scrollHeight;ta.scrollIntoView({behavior:"smooth",block:"center"});},350);};insertWhenReady();
  }
 
  // Großansicht
  document.addEventListener("click", e => {
    const z=e.target.closest(".ZoomImgGlobal");if(!z) return;e.preventDefault(); e.stopPropagation();
    const box=ZoomBox;if(box.style.opacity==="1"){box.style.opacity="0";return;}
    const img2=z.closest("tr")?.querySelector("img.fnewImg")?.src;if(!img2) return;
    box.innerHTML='<img src="'+img2+'">';box.style.opacity="1";
  }, true);
  ZoomBox.onclick = () => ZoomBox.style.opacity="0";
});
</script>
 

<style>
.imgTool{background:#eee; padding:20px;border:4px double #383838;border-radius:9px;margin:10px 0;position:relative;font-family:monospace;max-width:90vw;width:100%;  }
.imgTool h3{margin:0 0 5px;font-size:18px;}
.imgTool .hint{font-size:13px;color:#555;margin-bottom:10px;}
.imgTool input{padding:5px;}
 
.imgRow{background:#fff;border:1px solid #aaa;margin:6px 0;padding:5px 10px;display:flex;align-items:center;gap:10px;max-width:95vw;overflow:auto; }
.imgPreviewBox{width:170px;border:1px solid #777;padding:5px;text-align:center; transition: transform 0.3s 0.3s ease; }
.imgPreviewBox:hover {transform: scale(1.03) translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.25);}
.imgPreview{max-width:160px;max-height:120px;object-fit:contain;cursor:pointer;}
 
.zoomPreview{position:fixed;top:50%; left:50%;transform:translate(-50%,-50%);margin-left:150px; border:1px solid #aaa;background:#fff;padding:4px;z-index:9999;opacity:0;transition:opacity .5s 0.5s linear;pointer-events:none;}
.zoomPreview img{max-width:calc(95vw - 300px); max-height:90vh;object-fit:contain;}
 
.copyInfo{display:none; position:absolute;background:#4caf50;color:#fff;margin:-20px 0 0 20px;padding:3px 6px;border:1px solid #383838;border-radius:4px;font:bold 15px Arial; z-index:99999; overflow:visible; }
.hint_del,#delautoInsert{display:none;}
 
#abortLoad {cursor:pointer; background: #fcc; color:#333; font-weight:bold;}
#threadUrl{width:70%;margin-bottom:20px;}
#minWidth{width:80px;}
#imgCount{font-size:14px;margin:5px 0;color:#444;}
</style>
 
<div class="imgTool">
  <h3><b>Der Forum Bild-URL-Extraktor</b></h3>
  <div class="hint">
    • Die gewünschte Bildgröße kann während der Suche angepasst werden.<br>
    • Aktuell werden Bilder aus dem Thema angezeigt, durch eine andere URL kann die Suche erweitert werden.<br>
    • Über die Bild‑Verlinkung lässt sich das Originalbild in voller Größe einsehen.<br>
    {{user_admin==true.start}}<span class="hint_del">• Ein Klick auf das Vorschaubild bringt die Auswahl automatisch nach „Letzte Beiträge“.</span>{{user_admin==true.end}}
  </div>
 
  <input id="threadUrl" placeholder="URL eingeben…"> <input id="minWidth" type="number" value="100" title="Mindestgröße einstellbar!"> <button class="btn btn-primary btn-sm" onclick="loadImages()"><i class="fa fa-image"></i> Bilder suchen</button><br><br>
  {{user_admin==true.start}}<label id="delautoInsert" style="font-size:13px;color:#444;"><input type="checkbox" id="autoInsert" checked>Mit Bild-Klick automatisch in den Beitrag einfügen<br><br></label>{{user_admin==true.end}}
 
  <div id="imgCount">Gefundene Bilder: 0</div><div id="imgList"></div>
</div>
<div id="zoomBox" class="zoomPreview"></div>
<div id="copyInfo" class="copyInfo">In die Zwischenablage kopiert!</div>
 

<style>
.imgTool{background:#eee; padding:20px;border:4px double #383838;border-radius:9px;margin:10px 0;position:relative;font-family:monospace;max-width:90vw;width:100%;  }
.imgTool h3{margin:0 0 5px;font-size:18px;}
.imgTool .hint{font-size:13px;color:#555;margin-bottom:10px;}
.imgTool input{padding:5px;}
 
.imgRow{background:#fff;border:1px solid #aaa;margin:6px 0;padding:5px 10px;display:flex;align-items:center;gap:10px;max-width:95vw;overflow:auto; }
.imgPreviewBox{width:170px;border:1px solid #777;padding:5px;text-align:center; transition: transform 0.3s 0.3s ease; }
.imgPreviewBox:hover {transform: scale(1.03) translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.25);}
.imgPreview{max-width:160px;max-height:120px;object-fit:contain;cursor:pointer;}
 
.zoomPreview{position:fixed;top:50%; left:50%;transform:translate(-50%,-50%);margin-left:150px; border:1px solid #aaa;background:#fff;padding:4px;z-index:9999;opacity:0;transition:opacity .5s 0.5s linear;pointer-events:none;}
.zoomPreview img{max-width:calc(95vw - 300px); max-height:90vh;object-fit:contain;}
 
.copyInfo{display:none; position:absolute;background:#4caf50;color:#fff;margin:-20px 0 0 20px;padding:3px 6px;border:1px solid #383838;border-radius:4px;font:bold 15px Arial; z-index:99999; overflow:visible; }
.hint_del,#delautoInsert{display:none;}
 
#abortLoad {cursor:pointer; background: #fcc; color:#333; font-weight:bold;}
#threadUrl{width:70%;margin-bottom:20px;}
#minWidth{width:80px;}
#imgCount{font-size:14px;margin:5px 0;color:#444;}
</style>
 
<div class="imgTool">
  <h3><b>Der Forum Bild-URL-Extraktor</b></h3>
  <div class="hint">
    • Die gewünschte Bildgröße kann während der Suche angepasst werden.<br>
    • Aktuell werden Bilder aus dem Thema angezeigt, durch eine andere URL kann die Suche erweitert werden.<br>
    • Über die Bild‑Verlinkung lässt sich das Originalbild in voller Größe einsehen.<br>
    {{user_admin==true.start}}<span class="hint_del">• Ein Klick auf das Vorschaubild bringt die Auswahl automatisch nach „Letzte Beiträge“.</span>{{user_admin==true.end}}
  </div>
 
  <input id="threadUrl" placeholder="URL eingeben…"> <input id="minWidth" type="number" value="100" title="Mindestgröße einstellbar!"> <button class="btn btn-primary btn-sm" onclick="loadImages()"><i class="fa fa-image"></i> Bilder suchen</button><br><br>
  {{user_admin==true.start}}<label id="delautoInsert" style="font-size:13px;color:#444;"><input type="checkbox" id="autoInsert" checked>Mit Bild-Klick automatisch in den Beitrag einfügen<br><br></label>{{user_admin==true.end}}
 
  <div id="imgCount">Gefundene Bilder: 0</div><div id="imgList"></div>
</div>
<div id="zoomBox" class="zoomPreview"></div>
<div id="copyInfo" class="copyInfo">In die Zwischenablage kopiert!</div>
 
 
<script>
  /* Grundvariablen */
  const tool=document.querySelector(".imgTool"),bgStart=()=>tool.style.backgroundColor="#fffbd5",bgEnd=()=>tool.style.backgroundColor=""; const copyInfo=document.getElementById("copyInfo"); let stopLoading=false,foundCount=0;
 
  /* Über "resize" Größe erfassen */
  function fastSizeFromUrl(u){const m=u.match(/\/resize\/(\d+)x(\d+)\//);return m?{w:+m[1],h:+m[2]}:null;}
 
  /* Einzelbild prüfen */
  const miniCheck=(u,minW,onFound)=>new Promise(res=>{if(stopLoading)return res(null);const fast=fastSizeFromUrl(u); if(fast){if(fast.w>=minW){onFound();return res({url:u,w:fast.w,h:fast.h})}return res(null);} const i=new Image();i.decoding="async"; i.loading="eager"; i.onload=()=>i.naturalWidth>=minW?(onFound(),res({url:u,w:i.naturalWidth,h:i.naturalHeight})):res(null);i.onerror=()=>res(null);i.src=u;});
 
  /* Bild-URLs extrahieren */
  const extractAllImages=html=>{const s=new Set();html.replace(/<(?:img)[^>]+?(?:src|data-src)=["']?([^"'\s>]+)["']?|href=["']([^"']+\.(?:jpe?g|png|gif))["']|background-image:\s*url\(['"]?(.*?)['"]?\)|\[img[^\]]*\](.*?)\[\/img\]/gi, (_,a,b,c,d)=>{const u=a||b||c||d;if(u&&!u.startsWith("data:"))s.add(u)});[...s].forEach(u=>/\.(mp4|webm|mov|avi|mkv|flv|wmv)$/i.test(u)&&s.delete(u));return s;};
 
  /* DOM-Bildzeile */
  function createRow(u,w,h){const r=document.createElement("div"); r.className="imgRow";const b=document.createElement("div"); b.className="imgPreviewBox"; const i=document.createElement("img"); i.src=u; i.className="imgPreview";i.onmouseover=()=>{zoomBox.innerHTML=`<img src="${u}">`;zoomBox.style.opacity="1"};i.onmouseout=()=>zoomBox.style.opacity="0";i.onclick=e=>copyToClipboard(u,e);b.appendChild(i); const info=document.createElement("div"); info.innerHTML=`<a href="${u}" target="_blank">${u}</a><br><span style="color:#667;"><b>${w}×${h}px</b></span>`;r.appendChild(b); r.appendChild(info);return r;}
 
  /* 20-Worker Parallelität */
  async function limitedLoad(urls,minW,onFound){const results=[]; let index=0; const limit=20;async function worker(){while(index<urls.length&&!stopLoading){const u=urls[index++],r=await miniCheck(u,minW,onFound);if(r)results.push(r);}}await Promise.all(Array.from({length:limit},worker));return results;}
 
  /* Rendering */
  function renderResults(results,out){out.innerHTML=""; let i=0; const lazy=()=>{if(stopLoading)return bgEnd();const frag=document.createDocumentFragment(),part=results.slice(i,i+50); part.forEach(r=>frag.appendChild(createRow(r.url,r.w,r.h)));out.appendChild(frag);i+=50;if(i<results.length)setTimeout(lazy,0); else bgEnd();};lazy();}
 
  /* Bilder laden */
  async function loadInBatches(urls,minW,out){if(stopLoading)return;foundCount=0; imgCount.textContent="Gefundene Bilder: 0";const results=await limitedLoad(urls,minW,()=>imgCount.textContent="Gefundene Bilder: "+(++foundCount));renderResults(results,out);}
 
  /* Einzel-Seite */
  const exHtml=(html,minW,out)=>{const urls=[...extractAllImages(html)];if(!urls.length){out.innerHTML="<i>Keine Bilder gefunden.</i>";return bgEnd()}loadInBatches(urls,minW,out);};
 
  /* Thread */
  const exThread=(all,minW,out)=>{const s=new Set();all.forEach(h=>extractAllImages(h).forEach(u=>s.add(u)));loadInBatches([...s],minW,out);};
 
  /* Kopieren */
  function copyToClipboard(imgUrl,e){navigator.clipboard.writeText(imgUrl);copyInfo.style.left=e.pageX+10+"px";copyInfo.style.top=e.pageY-10+"px";copyInfo.style.display="block";setTimeout(()=>copyInfo.style.display="none",4000);}
 
  /* Hauptfunktion */
  async function loadImages(){stopLoading=false; const url=threadUrl.value.trim(),minW=+minWidth.value||0,out=imgList;if(!url){out.innerHTML="Bitte den Link einer Seite eingeben!";return bgEnd()} bgStart(); imgCount.textContent="Gefundene Bilder: 0";out.innerHTML=`<i>Lade…</i> <button id="abortLoad">Abbrechen</button>`;abortLoad.onclick=()=>{stopLoading=true;out.innerHTML="<i>Abgebrochen.</i>";bgEnd()};const u=new URL(url,location.href), isThread=/\/t\d+/.test(u.pathname+u.search); if(!isThread){try{const h=await fetch(u).then(r=>r.text()); exHtml(h,minW,out)}catch{out.innerHTML="Beitrag kann nicht geladen werden!"; bgEnd()} return;}
    try{const first=await fetch(u).then(r=>r.text()),all=[first]; const maxPage=(()=>{let m=1;first.replace(/href="[^"]+?-([0-9]+)\.html"/g,(_,p)=>m=Math.max(m,+p));return m})(); for(let p=1;p<=maxPage&&!stopLoading;p++){const pageUrl=u.href.replace(/\.html$/,`-${p}.html`);const html=await fetch(pageUrl).then(r=>r.text()).catch(()=>"");if(html)all.push(html);} if(!stopLoading)exThread(all,minW,out);}catch{out.innerHTML="Seite kann nicht geladen werden!"; bgEnd();}
  }
 
  /* URL speichern */
  threadUrl.addEventListener("input",()=>sessionStorage.setItem("fnew_last_url",threadUrl.value.trim()));
 
  /* Auto-Init */
  (()=>{
    const url=new URLSearchParams(location.search).get("url"),store=sessionStorage.getItem("fnew_last_url")||"";
    function tryInit(){const f=document.getElementById("threadUrl");if(!f)return;const v=url||store; if(!v)return; f.value=v;if(url){loadImages();document.querySelectorAll(".hint_del,#delautoInsert").forEach(e=>e.style.display="block");sessionStorage.setItem("fnew_last_url",v);}
  }
  const initTimer=setInterval(()=>{if(document.getElementById("threadUrl")){clearInterval(initTimer);tryInit();}},50);
})();
</script>
 

[fnewImg]
 

[/fnewImg]
 

<img class="fnewImg" src="
 

">
 

Reihenfolge: 0
 

//img.homepagemodules.de/ds/static/gaia/picture.png