Přidání odkazů na obrázky pro viewporty o šířce alespoň 750 px

Script nastavuje atributy href a rel tagům <a> s atributem data-href, pokud je šířka průhledu aspoň 750 pixelů a odebírá jim atributy href a rel pro užší průhledy. Hodnota atributu href je nastavena na hodnotu atributu data-href a hodnota přidaného atr

JavaScript

                    <a data-href="obrazky/kalkulacka_java.png" title="Kalkulačka v Javě">
                        <img src="obrazky/kalkulacka_java_nahled.png" alt="Kalkulačka v Javě" />
                    </a>
                    <a data-href="obrazky/miny_pascal.png" title="Miny v Pascalu">
                        <img src="obrazky/miny_pascal_nahled.png" alt="Miny v Pascalu" />
                    </a>
                    <a data-href="obrazky/hobi_web.jpg" title="Web v HTML a CSS">
                        <img src="obrazky/hobi_web_nahled.jpg" alt="Web v HTML a CSS" />
                    </a>

                    <script type="text/javascript">
                        $(window).resize(function () {
                            setRelAttr();
                        });

                        function setRelAttr() {
                            var w = $(window).width();
                            if (w >= 750) {
                                $("a[data-href]").each(function () {
                                    this.setAttribute("href", this.getAttribute("data-href"));
                                    this.setAttribute("rel", "lightbox[reference]");
                                }
                                );
                             }
                            else {
                                $("a[data-href]").each(function () {
                                    this.removeAttribute("rel");
                                    this.removeAttribute("href");
                                }
                                );
                            }
                        }

                        setRelAttr();
                    </script>

Neformátovaný

Přidáno: 22.11.2018
Expirace: Neuvedeno

Autor: Jan Jurníček