| Autor | Zpráva | ||
|---|---|---|---|
| Kikiela Profil * |
#1 · Zasláno: 26. 5. 2015, 11:32:56
Ahoj, nevím si rady s odkazem. Stáhl jsem si šablonu, kde je <a href="#menu" class="change-section">, ale rád bych dal klasický odkaz na libovolný web např. http://www.xyz.cz a nedaří se mi to rozchodit. Viz dole je původní kod, jak je v šabloně. Dík za radu
<div class="row margin-top-20">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 pull-right">
<a href="#menu" class="change-section">
<div class="black-bg btn-menu">
<h2>Zpět do menu</h2>
</div>
</a>
</div>
</div> |
||
| aDAm Profil |
#2 · Zasláno: 26. 5. 2015, 11:53:52
a co ti brání nahradit #menu za tvůj odkaz? Normálně to přepiš a link bude fungovat, za předpokladu že na tom elementu není pověšený nějaký JS co by to blokoval.
|
||
| Kikiela Profil * |
#3 · Zasláno: 27. 5. 2015, 09:14:31
Noprávě, že jsem to přepsal, ale asi jak říkáš, tam bude někde něco v JS, protže to nefunguje
|
||
| Trejpa Profil |
#4 · Zasláno: 27. 5. 2015, 09:41:04
Kikiela:
Jako první bych zkusil vymazat class="change-section", to vypadá jako cíl zaměřování skriptu. Jestli to nepomůže, tak sem dej odkaz na problémovou stránku, protože to tvé někde něco tady nevidíme. |
||
| Kikiela Profil * |
#5 · Zasláno: 27. 5. 2015, 10:32:04
Díky ...
JS /*
Zoom Template
http://www.templatemo.com/preview/templatemo_414_zoom
*/
var menuDisabled = false;
jQuery(function($) {
$(window).load(function() { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('#main-wrapper').delay(350).css({'overflow':'visible'});
});
$(document).ready( function() {
loadGoogleMap();
// backstretch for background image
var defaultImgSrc = $('img.main-img').attr('src');
$.backstretch(defaultImgSrc, {speed: 400});
//for image slide on menu item click(normal) and responsive
$(".change-section").on('click',function(e){
e.preventDefault();
if (menuDisabled == false) // check the menu has disabled?
{
menuDisabled = true; // disable to menu
var name = $(this).attr('href');
console.log(name);
// get image url and assign to backstretch for background
var imgSrc = $("img"+name+"-img").attr('src');
$.backstretch(imgSrc, {speed: 400}); //backstretch for background fade in/out
// content zoom in/out
$("section.active").hide('size',{easing: 'easeInQuart', duration: 400},function(){
$(this).removeClass("active");
$(name+"-section").show('size',{easing: 'easeOutQuart', duration: 400},function(){
$(this).addClass("active");
// google map need to resize for animate contents
google.maps.event.trigger(map, 'resize'); // resize map
$.backstretch("resize"); // resize the background image
menuDisabled = false;
});
});
}
return;
});
});
});
var map = '';
function initialize() {
var mapOptions = {
zoom: 14,
center: new google.maps.LatLng(16.8496189,96.1288854)
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
function loadGoogleMap(){
// load google map
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
'callback=initialize';
document.body.appendChild(script);
}Kod <div class="col-sm-6 col-md-6 col-lg-6">
<div class="black-bg col-sm-12 col-md-12 col-lg-12">
<h2>RESPONSIVE</h2>
<p><span class="green">Zoom template is a mobile-ready layout supporting all kinds of mobile devices or different screen sizes.</span> Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus, nec molestie erat.</p>
</div>
</div>
</div>
<div class="row margin-top-20">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 pull-right">
<a href="#menu" class="change-section">
<div class="black-bg btn-menu">
<h2>Zpět do menu</h2>
</div>
</a>
</div>
</div>
<div class="row margin-top-20">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 pull-right">
<a href="#" class="change-section">
<div class="purpur-bg btn-menu">
<h2><a href="http://xyz.cz" target="_blank">ODKAZ</a></h2>
</div>
</a>
</div>
</div> |
||
| petr 6 Profil |
Kikiela:
Toto↓ jsi nezkoušel? Nebo to nepomohlo? [#4]Trejpa: „Jako první bych zkusil vymazat class="change-section"“ |
||
| Trejpa Profil |
#7 · Zasláno: 27. 5. 2015, 11:08:55
Kikiela:
Je to, jak jsem psal. Skript se na řádku 25 zaměřuje na odkazy s class="change-section" a na základě kliknutí mění obsah (hledá a překresluje nějaký obrázek). Na odkazy bez této třídy by neměl mít program vliv a ty se pak budou chovat normálně. Chtěl jsem živou ukázku, ne zdrojový kód, kterému kromě jQuery k funkčnosti chybí i nějaký plugin Backstretch, jež jsi zapomněl zmínit. Jestli funguje první rada opakovaná petrem 6 [#6], tak ji už odkazovat nemusíš. |
||
| Kikiela Profil * |
#8 · Zasláno: 28. 5. 2015, 10:54:32
Na nic to nereaguje ... končím s tím. Díky.
|
||
| petr 6 Profil |
#9 · Zasláno: 28. 5. 2015, 11:14:50
Kikiela:
„Na nic to nereaguje“ Opět vágní popis problému. A co jsi zkoušel, když to nereagovalo? |
||
|
Časová prodleva: 9 let
|
|||
0