Onclick von href wenn auf mobiles umleiten

ich eine Website erstellt habe: http://idealweddingcarsni.com Onclick von href wenn auf mobiles umleiten

Auf den sechs Bilder auf der Homepage I Leuchtkasten will mit einem größeren Auto Bild und Beschreibung zu kommen, habe ich diese mit slimbox erreicht : http://www.digitalia.be/software/slimbox2/

<div class="block-link"> 
    <a href="images/page1_image1.jpg" rel="lightbox" title="Black & Ivory Royale Windsor - Seats up to 3 passengers. Popular Choice for the Bride and Groom as their getaway car! The Royale Windsor is unique as it has a convertible fold down roof, which is amazing for photos." class="link">info</a> 
</div>

der Lichtkasten funktioniert nicht auf einem mobilen sie direkt auf das Bild bringt Sie gerade. Als Workaround wollte ich, dass der Leuchtkasten nur dann ausgeführt wird, wenn die Bildschirmbreite größer als eine bestimmte Breite ist. So habe ich eine id in meinem <a href> und onclickid (die Info-Taste ist) umgeleitet, um auf "Kontakt" -Seite für weitere Informationen. Das funktioniert nicht.

Quelle

2016-03-23 Alexandria

Könnte Ihnen das helfen http://www.dynamicdrive.com/forums/showthread.php?73180-Slimbox-to-work-with-mobiles?

Entschuldigung, ich habe Ihre Frage an erster Stelle missverstanden.

Vielleicht können Sie etwas wie das

var isMobile = false; //initiate as false 
// device detection 
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm(os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) 
    || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s)|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(|\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(|\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg(g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v)|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v)|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|)|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true; 

$("a[rel='lightbox'] , a[rel='notaslimbox']").each(function() { 
    var that = $(this); 
    if(isMobile) { 
     that.attr("imageLink" , that.attr("href")); 
     that.attr("href" , "/contactus.html"); 
     that.attr("rel" , "notaslimbox"); 
    } 
    else if(that.attr("rel") === "notaslimbox"){ 
     that.attr("href" , that.attr("imageLink")); 
     that.attr("rel" , "lightbox"); 
    } 
});

Oder statt mobilen Erkennung tun, können Sie einfach die Fenstergröße überprüfen. In diesem Fall würde ich es jedes Mal feuern Sie die Größe des Fensters: https://jsfiddle.net/virginieLGB/kvqa99e2/2/

Quelle

2016-03-23 11:29:51 VirginieLGB

es in meine Index-Seite Legen Sie aber kein Glück, das gleiche passiert immer noch, wo es lädt das Bild in einer neuen Seite von selbst auf Handys. – Alexandria

@Alexandria 1) überprüfen Sie Ihre js/jquery.mobile.customized.min.js Skript, es scheint kaputt. 2) Sie müssen auch die Rel ändern (siehe aktualisierte Antwort): https://jsfiddle.net/virginieLGB/kvqa99e2/6/ – VirginieLGB

Das ist großartig, hat perfekt funktioniert: D vielen Dank – Alexandria

Ich verstehe nicht ganz, was Sie tun wollen, aber wenn Sie brauchen eine Möglichkeit, Ihr Gerät Auflösung zu steuern:

if($(window).width() < 500) 
     { 
     //Do something 
     }

500px ist nur als Beispiel.

Quelle

2016-03-23 11:35:22 CalCon

Wenn Sie die Seite auf dem Mobilgerät anzeigen, möchte ich die Lightbox nicht ausführen. Ich möchte die Seite umleiten, aber auf dem Desktop kann die Lightbox ausgeführt werden. Macht das Sinn, hat es leider nicht gut erklärt. – Alexandria

Gehen Sie zu Ihrem slimbox Ordner und öffnen js Ordner öffnen autoload.php Datei in es Android, iPhone, Ausnahmen entfernen ...

Quelle

2016-03-23 11:44:59 Nawin

, die den Leuchtkasten auf Desktops stoppt – Alexandria

Onclick von href wenn auf mobiles umleiten

Antwort

Verwandte Themen