zooey
/
page_screenshot


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
							<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 20px;
        }
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* 調整表格大小 */
            gap: 20px;
            width: 90%;
            max-width: 1200px;
        }
        .image-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 1px solid #ddd;
            padding: 10px;
            border-radius: 5px;
            background-color: #f9f9f9;
        }
        .image-container img {
            width: 100%;
            height: auto;
            object-fit: contain;
            cursor: pointer;
            border-radius: 5px;
            transition: transform 0.2s;
        }
        .image-container img:hover {
            transform: scale(1.05);
        }


        .modal {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.8);
            justify-content: center;
            align-items: center;
        }
        .modal img {
            max-width: 90%;
            max-height: 90%;
        }
        .info {
            text-align: center;
            font-size: 14px;
            margin: 5px 0;
        }
    </style>
</head>
<body>
    <div class="gallery" id="gallery"></div>
    <div class="modal" id="modal" onclick="closeModal()">
        <img id="modalImg">
    </div>
    <script>
        const gallery = document.getElementById('gallery');
        const modal = document.getElementById('modal');
        const modalImg = document.getElementById('modalImg');

        const indexLabels = ['AP News', 'Benzinga', 'Taiwan Business Journal', 'Taiwan Industry Weekly', 'The Taiwan Post', 'Taiwan Daily News', 'Taiwan Entertainment Express', 'Taipei City Times', 'Asia Business Gazette', 'Automotive Press Releases', 'American Business Times', 'Economy Press Releases', 'Today in Business', 'Automotive Industry Today', 'World Transport Times', 'NCN River CountryNebraska City (NE)', 'KCAU ABC 9Sioux City (IA)', 'WICZ FOX 40Binghamton (NY)', 'KTVI FOX 2St. Louis (MO)', 'WTRF ABC/CBS 7Wheeling (WV)', 'WBRE NBC 28Wilkes-Barre (PA)', 'KAMC ABC 28Lubbock (TX)', 'KFDX NBC 3Wichita Falls (TX)', 'KELO CBS 11Sioux Falls (SD)', 'Kalkine Media', 'WOWK CBS 13Charleston (WV)', 'WWDNDanville (VA)', 'KNWA NBC/FOX 51Fayetteville (AR)', 'Small Business World Journal', 'WJW FOX 8Cleveland (OH)', 'WDTN NBC 2Dayton (OH)', '50 States Today', 'KIAH CW 39Houston (TX)', 'WETM NBC 18Elmira (NY)', 'WIVT ABC 34Binghamton (NY)', 'WDAF FOX 4Kansas City (KS)', 'America News Observer', 'KSN NBC/KODE ABC 12Joplin (MO)', 'SMB & Me', 'WFOMMarietta (GA)', 'KRON MyNetworkTV 4San Francisco (CA)', 'WKRG CBS 5Mobile (AL)', 'WTNH ABC 8New Haven (CT)', 'WDVM 25Washington D.C. (DC)', 'NCN Southeast NebraskaBeatrice (NE)', 'The Entrepreneurship Reporter', 'The Asia Reporter', 'KLST CBS 8San Angelo (TX)', 'KAMR NBC 4Amarillo (TX)']


        ;
        const fileLabels = ['https://apnews.com/press-release/ein-presswire-newsmatics/advancer-motor-wins-2024-the-best-service-in-taiwan-award-20eddfd6dbfacf0b06e0592dee78f77d', 'https://www.benzinga.com/content/39744340/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.taiwanbusinessjournal.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.taiwanindustryweekly.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.thetaiwanpost.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.taiwandailynews.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.taiwanentertainmentexpress.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.taipeicitytimes.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.asiabusinessgazette.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'http://www.automotivepressreleases.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.americanbusinesstimes.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'http://www.economypressreleases.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'http://www.todayinbusiness.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'http://www.automotiveindustrytoday.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.worldtransporttimes.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://rivercountry.newschannelnebraska.com/story/51032242/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.siouxlandproud.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wicz.com/story/51032242/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://fox2now.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wtrf.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.pahomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.everythinglubbock.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.texomashomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.keloland.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://kalkinemedia.com/news/world-news/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wowktv.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://lifestyle.1045thedan.com/story/51032242/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.nwahomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.smallbusinessworldjournal.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://fox8.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wdtn.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.50statestoday.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://cw39.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.mytwintiers.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.binghamtonhomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://fox4kc.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.americanewsobserver.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.fourstateshomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.smbandme.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://lifestyle.xtra1063.com/story/51032242/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.kron4.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wkrg.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.wtnh.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.dcnewsnow.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://southeast.newschannelnebraska.com/story/51032242/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.entrepreneurshipreporter.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.theasiareporter.com/article/727052412-advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.conchovalleyhomepage.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award', 'https://www.myhighplains.com/business/press-releases/ein-presswire/727052412/advancer-motor-wins-2024-the-best-service-in-taiwan-award']

        ;

        for (let i = 1; i <= 45; i++) {
            let container = document.createElement('div');
            container.className = 'image-container';

            const labelIndex = (i - 1) % indexLabels.length;
            const indexValue = indexLabels[labelIndex];
            const fileValue = fileLabels[labelIndex];

            let indexLabel = document.createElement('div');
            indexLabel.className = 'info';
            indexLabel.textContent = `媒體名稱: ${indexValue}`;

            let filenameLabel = document.createElement('div');
            filenameLabel.className = 'info filename-info';
            filenameLabel.textContent = `網址: ${fileValue}`;

            let img = document.createElement('img');
            img.src = `choozmo/screenshot_${i}.png`;
            img.alt = `Image ${i}`;
            img.onclick = function() { openModal(this.src); };

            container.appendChild(indexLabel);
            container.appendChild(filenameLabel);
            container.appendChild(img);
            gallery.appendChild(container);
        }

        function openModal(src) {
            modal.style.display = 'flex';
            modalImg.src = src;
        }
        function closeModal() {
            modal.style.display = 'none';
        }
        const styleEl = document.createElement('style');
        styleEl.textContent = `
            .filename-info {
                width: 100%;
                word-wrap: break-word;
                overflow-wrap: break-word;
                hyphens: auto;
                min-height: 2.8em; /* Provides some minimum height for consistency */
            }
            .image-container {
                page-break-inside: avoid; /* 避免分頁時將元素拆開 */
                break-inside: avoid;
            }

        `;
        document.head.appendChild(styleEl);
    </script>
</body>
</html>