Skip to content
Permalink
Browse files

[+]: example for bower ...

  • Loading branch information
voku committed Nov 4, 2014
1 parent f1f6b63 commit 19e5982c355b2a3ff2652121afdbb692a58e10a6
@@ -21,6 +21,7 @@
{# CSS #}
{% block head_css %}
<link rel="stylesheet" href="/vendor/bower/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/vendor/bower/magnific-popup/dist/magnific-popup.css">
<link rel="stylesheet" href="/css-min/app.css">
{% endblock %}

@@ -161,8 +161,9 @@

<hr>

<img src="images/rheinisches_industriemuseum.jpg" class="img-responsive">

<a href="/images/rheinisches_industriemuseum.jpg" class="with-caption image-link" title="Rheinisches Industriemuseum">
<img src="/images/rheinisches_industriemuseum.jpg" class="img-responsive">
</a>
<hr>
</div>
<!--/col-->
@@ -0,0 +1,3 @@
{
"directory": "vendor/bower/"
}
@@ -84,7 +84,8 @@ module.exports = function(grunt) {
sourceMap: true
},
src: [
'vendor/bower/bootstrap-sass/dist/js/bootstrap.min.js'
'vendor/bower/bootstrap-sass/dist/js/bootstrap.min.js',
'vendor/bower/magnific-popup/dist/jquery.magnific-popup.min.js'
],
dest: 'js/plugins.js'
}
@@ -6,6 +6,7 @@
"normalize-scss": "3.*",
"font-awesome": "4.0.*",
"bootstrap-sass": "3.*",
"jquery": "2.*"
"jquery": "2.*",
"magnific-popup": "~0.9.9"
}
}

Large diffs are not rendered by default.

Some generated files are not rendered by default. Learn more.

Some generated files are not rendered by default. Learn more.

This file was deleted.

This file was deleted.

This file was deleted.

This file was deleted.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

@@ -35,5 +35,37 @@ $(document).ready(function () {
'<a target="_blank" href="http://www.openstreetmap.org/?lat=51.475675&lon=6.850315&zoom=17&layers=B000FTFTT&mlat=51.47569&mlon=6.85032">Grö&szlig;ere Karte anzeigen</a>' +
'</small>'
);

// image-popup
$('.without-caption').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
mainClass: 'mfp-no-margins mfp-with-zoom', // class to remove default margin from left and right side
image: {
verticalFit: true
},
zoom: {
enabled: true,
duration: 300 // don't foget to change the duration also in CSS
}
});

$('.with-caption').magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
mainClass: 'mfp-with-zoom mfp-img-mobile',
image: {
verticalFit: true,
titleSrc: function(item) {
return item.el.attr('title') + ' &middot; <a class="image-source-link" href="'+item.el.attr('data-source')+'" target="_blank">image source</a>';
}
},
zoom: {
enabled: true
}
});


});

0 comments on commit 19e5982

Please sign in to comment.