|
@@ -1,9 +1,5 @@
|
|
|
-// addClass
|
|
|
-function synchro() {
|
|
|
-
|
|
|
-}
|
|
|
// Streetmap
|
|
|
-function map(targets) {
|
|
|
+function map(h_parts, markerObj) {
|
|
|
var mymap = L.map('mapid').setView([48.9367935,2.3569287], 17);
|
|
|
setTimeout(mymap.invalidateSize.bind(map));
|
|
|
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
|
|
@@ -24,11 +20,11 @@ function map(targets) {
|
|
|
for (var i = 0; i < dyn_data.mappoints.length; i++) {
|
|
|
id = dyn_data.mappoints[i].id;
|
|
|
|
|
|
- targets = typeof dyn_data.mappoints[i].target != 'undefined' ? dyn_data.mappoints[i].target.split(',') : [];
|
|
|
+ targets2 = typeof dyn_data.mappoints[i].target != 'undefined' ? dyn_data.mappoints[i].target.split(',') : [];
|
|
|
|
|
|
markers[id] = L.marker([dyn_data.mappoints[i].lat, dyn_data.mappoints[i].long], {
|
|
|
icon: greenIcon,
|
|
|
- targets:targets
|
|
|
+ targets:targets2
|
|
|
})
|
|
|
.on("click", function(e){
|
|
|
// e c'est l'evenement click html normal
|
|
@@ -41,50 +37,27 @@ function map(targets) {
|
|
|
.addTo(mymap);
|
|
|
markers[id]._icon.id = id;
|
|
|
var cible = dyn_data.mappoints[i].target;
|
|
|
- }
|
|
|
+ markerObj = markers[id];
|
|
|
+ console.log('markerObj',markerObj);
|
|
|
|
|
|
- $("a").click(function(){
|
|
|
- console.log('targets',targets);
|
|
|
- });
|
|
|
+ }
|
|
|
};
|
|
|
|
|
|
-function markerFunction(targets, markers ){
|
|
|
- // console.log('id', hash);
|
|
|
-
|
|
|
- // var hrefs = $(this).attr("alt").split(',');
|
|
|
- // // console.log('hrefs', hrefs);
|
|
|
- // var h, h_parts;
|
|
|
- // for (var i = 0; i < hrefs.length; i++) {
|
|
|
- // h = hrefs[i];
|
|
|
- // h_parts = h.match(/^#(([^_]+)_(.+)$)/);
|
|
|
- // // console.log('h_parts', h_parts);
|
|
|
-
|
|
|
- // console.log('targets',targets);
|
|
|
- // console.log('markers[id]',markers[0]);
|
|
|
- // $("a").click(function(){
|
|
|
- // markerFunction($(this)[0].hash);
|
|
|
- // console.log('$(this)[0]',$(this)[0].hash);
|
|
|
- // });
|
|
|
- // if (targets == markers[0]) {
|
|
|
- // console.log('cc');
|
|
|
- // markers.openPopup;
|
|
|
- // }
|
|
|
- // for (var i in markers){
|
|
|
- // var markerID = markers[i]._icon.id;
|
|
|
- // console.log('markerID',markers[i]);
|
|
|
- // var hrefsMarker = markerID.split(',');
|
|
|
- // var hM, h_partsM;
|
|
|
- //
|
|
|
- // for (var i = 0; i < hrefsMarker.length; i++) {
|
|
|
- // hM = hrefsMarker[i];
|
|
|
- // h_partsM = hM.match(/^#(([^_]+)_(.+)$)/);
|
|
|
- // console.log('h_partsM', hM);
|
|
|
- // }
|
|
|
- //
|
|
|
- // if (hM == id){
|
|
|
- // markers[i].openPopup();
|
|
|
- // };
|
|
|
- // }
|
|
|
+function markerFunction(markers, h_parts){
|
|
|
+ var target = $('#streetmap.mCustomScrollbar');
|
|
|
+ var href = target.find(markers);
|
|
|
+ console.log('marker', markers);
|
|
|
+ console.log('h_parts', h_parts);
|
|
|
+ // console.log('href',href);
|
|
|
+ // console.log('target',target);
|
|
|
+ // var href = target.find(h_parts[0]);
|
|
|
+ h_part1 = h_parts[0];
|
|
|
+ for (var i in markers){
|
|
|
+ if (markers == h_part1 ) {
|
|
|
+ console.log('true');
|
|
|
+ // markerV.openPopup(); //marche pas
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// change mouse_event
|
|
@@ -278,9 +251,9 @@ function drag() {
|
|
|
"height": 'auto',
|
|
|
})
|
|
|
// if itw < 200
|
|
|
- var test = ui.position.left - 225;
|
|
|
+ var test = ui.position.left - 225
|
|
|
var testPourcent = ( p * parseFloat(test) / oW ) + "%";
|
|
|
- var img200 = ( p * parseFloat( ((pos.left) ) / oW) + "%" );
|
|
|
+ var img200 = ( p * parseFloat( ((pos.left )) / oW) + "%" );
|
|
|
if ( $itw.width() < 200) {
|
|
|
$recits.css({
|
|
|
"width": img200,
|
|
@@ -313,14 +286,14 @@ function drag() {
|
|
|
// draggable
|
|
|
function dragcanvas() {
|
|
|
var $reseau = $('#reseaux-sociaux canvas');
|
|
|
- var $links = $('#links svg g')
|
|
|
+ var $links = $('#links svg')
|
|
|
|
|
|
$links.draggable({
|
|
|
scroll: false
|
|
|
});
|
|
|
- $reseau.draggable({
|
|
|
- scroll: false
|
|
|
- });
|
|
|
+ // $reseau.draggable({
|
|
|
+ // scroll: false
|
|
|
+ // });
|
|
|
}
|
|
|
|
|
|
// hidden scroll + synchro
|
|
@@ -350,7 +323,9 @@ function scrollBlockTo($block, href){
|
|
|
function fillColorMapLink(targets, h_parts){
|
|
|
|
|
|
var target = $('#links.mCustomScrollbar');
|
|
|
+ console.log('target',target);
|
|
|
var href = target.find(h_parts[0]);
|
|
|
+ console.log(href);
|
|
|
var $text0 = $(this).find(href);
|
|
|
var text = $('.nodes text.group1');
|
|
|
var text2 = $('.nodes text.group2');
|
|
@@ -376,7 +351,7 @@ function fillColorMapLink(targets, h_parts){
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-function synchBloks(targets) {
|
|
|
+function synchBloks(targets, h_parts) {
|
|
|
console.log('synchBloks : targets', targets);
|
|
|
|
|
|
var h, h_parts;
|
|
@@ -402,10 +377,10 @@ function synchBloks(targets) {
|
|
|
scrollBlockTo($('#links.mCustomScrollbar'), h);
|
|
|
fillColorMapLink(h, h_parts);
|
|
|
break;
|
|
|
- // case 'rs':
|
|
|
- // var target = $('#reseaux-sociaux.mCustomScrollbar');
|
|
|
- // scrollBlockTo();
|
|
|
- // break;
|
|
|
+ case 'rs':
|
|
|
+ var target = $('#reseaux-sociaux.mCustomScrollbar');
|
|
|
+ paperjs(h, h_parts);
|
|
|
+ break;
|
|
|
// case '':
|
|
|
// etc
|
|
|
// break;
|
|
@@ -414,9 +389,10 @@ function synchBloks(targets) {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-function paperjs() {
|
|
|
+function paperjs(targets, h_parts) {
|
|
|
+
|
|
|
paper.install(window);
|
|
|
- window.onload = function() {
|
|
|
+ window.onload = function(targets, h_parts) {
|
|
|
// Get a reference to the canvas object
|
|
|
var canvas = document.getElementById('canvas');
|
|
|
// Create an empty project and a view for the canvas:
|
|
@@ -435,16 +411,15 @@ function paperjs() {
|
|
|
path.blendMode = 'multiply';
|
|
|
path.closed = true;
|
|
|
path.fullySelected = false;
|
|
|
- path._reseaux = "facebook";
|
|
|
+ path._reseaux = "OutilsGoogle";
|
|
|
|
|
|
- console.log('path',path);
|
|
|
var path2 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
|
});
|
|
|
path2.blendMode = 'multiply';
|
|
|
path2.closed = true;
|
|
|
path2.fullySelected = false;
|
|
|
- path._reseaux = "instagram";
|
|
|
+ path2._reseaux = "OutilsFramasoft";
|
|
|
|
|
|
var path3 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -452,7 +427,7 @@ function paperjs() {
|
|
|
path3.blendMode = 'multiply';
|
|
|
path3.closed = true;
|
|
|
path3.fullySelected = false;
|
|
|
- path._reseaux = "Whatsapp";
|
|
|
+ path3._reseaux = "Slack";
|
|
|
|
|
|
var path4 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -460,7 +435,7 @@ function paperjs() {
|
|
|
path4.blendMode = 'multiply';
|
|
|
path4.closed = true;
|
|
|
path4.fullySelected = false;
|
|
|
- path._reseaux = "framasoft";
|
|
|
+ path4._reseaux = "Facebook";
|
|
|
|
|
|
var path5 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -468,7 +443,7 @@ function paperjs() {
|
|
|
path5.blendMode = 'multiply';
|
|
|
path5.closed = true;
|
|
|
path5.fullySelected = false;
|
|
|
- path._reseaux = "skype";
|
|
|
+ path5._reseaux = "Messenger";
|
|
|
|
|
|
var path6 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -476,7 +451,7 @@ function paperjs() {
|
|
|
path6.blendMode = 'multiply';
|
|
|
path6.closed = true;
|
|
|
path6.fullySelected = false;
|
|
|
- path._reseaux = "email";
|
|
|
+ path6._reseaux = "Whatsapp";
|
|
|
|
|
|
var path7 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -484,7 +459,7 @@ function paperjs() {
|
|
|
path7.blendMode = 'multiply';
|
|
|
path7.closed = true;
|
|
|
path7.fullySelected = false;
|
|
|
- path._reseaux = "siteweb";
|
|
|
+ path7._reseaux = "Instagram";
|
|
|
|
|
|
var path8 = new paper.Path({
|
|
|
fillColor: 'grey',
|
|
@@ -492,7 +467,55 @@ function paperjs() {
|
|
|
path8.blendMode = 'multiply';
|
|
|
path8.closed = true;
|
|
|
path8.fullySelected = false;
|
|
|
- path._reseaux = "outilsgoogle";
|
|
|
+ path8._reseaux = "Skype";
|
|
|
+
|
|
|
+ var path9 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path9.blendMode = 'multiply';
|
|
|
+ path9.closed = true;
|
|
|
+ path9.fullySelected = false;
|
|
|
+ path9._reseaux = "Tinder";
|
|
|
+
|
|
|
+ var path10 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path10.blendMode = 'multiply';
|
|
|
+ path10.closed = true;
|
|
|
+ path10.fullySelected = false;
|
|
|
+ path10._reseaux = "Wiki";
|
|
|
+
|
|
|
+ var path11 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path11.blendMode = 'multiply';
|
|
|
+ path11.closed = true;
|
|
|
+ path11.fullySelected = false;
|
|
|
+ path11._reseaux = "Mails";
|
|
|
+
|
|
|
+ var path12 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path12.blendMode = 'multiply';
|
|
|
+ path12.closed = true;
|
|
|
+ path12.fullySelected = false;
|
|
|
+ path12._reseaux = "SitesWeb";
|
|
|
+
|
|
|
+ var path13 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path13.blendMode = 'multiply';
|
|
|
+ path13.closed = true;
|
|
|
+ path13.fullySelected = false;
|
|
|
+ path13._reseaux = "Twitter";
|
|
|
+
|
|
|
+ var path14 = new paper.Path({
|
|
|
+ fillColor: 'grey',
|
|
|
+ });
|
|
|
+ path14.blendMode = 'multiply';
|
|
|
+ path14.closed = true;
|
|
|
+ path14.fullySelected = false;
|
|
|
+ path14._reseaux = "AirBnb";
|
|
|
|
|
|
for (var i = 0; i <= amount.length; i++) {
|
|
|
var maxPoint = new paper.Point(100, 100);
|
|
@@ -505,14 +528,15 @@ function paperjs() {
|
|
|
path6.add(point);
|
|
|
path7.add(point);
|
|
|
path8.add(point);
|
|
|
- // path3.add(point);
|
|
|
+ path9.add(point);
|
|
|
+ path10.add(point);
|
|
|
+ path11.add(point);
|
|
|
+ path12.add(point);
|
|
|
+ path13.add(point);
|
|
|
+ path14.add(point);
|
|
|
}
|
|
|
// dimension blob
|
|
|
// position blog
|
|
|
- // for (var i = 0; i < amount.length; i++) {
|
|
|
- // var RSin = Math.random();
|
|
|
- // console.log('RSin',RSin);
|
|
|
- // }
|
|
|
|
|
|
view.onFrame = function(event) {
|
|
|
|
|
@@ -526,22 +550,31 @@ function paperjs() {
|
|
|
var segment6 = path6.segments[i];
|
|
|
var segment7 = path7.segments[i];
|
|
|
var segment8 = path8.segments[i];
|
|
|
+ var segment9 = path9.segments[i];
|
|
|
+ var segment10 = path10.segments[i];
|
|
|
+ var segment11 = path11.segments[i];
|
|
|
+ var segment12 = path12.segments[i];
|
|
|
+ var segment13 = path13.segments[i];
|
|
|
+ var segment14 = path14.segments[i];
|
|
|
|
|
|
// Size blob
|
|
|
- // Facebook
|
|
|
- var width = 350; var height = 200;
|
|
|
- // instagram
|
|
|
- var width2 = 50; var height2 = 60;
|
|
|
- // Whatsapp
|
|
|
- var width3 = 150; var height3 = 90;
|
|
|
- var width4 = 100; var height4 = 160;
|
|
|
- var width6 = 100; var height6 = 80;
|
|
|
- var width5 = 40; var height5 = 100;
|
|
|
- var width7 = 150; var height7 = 200;
|
|
|
- var width8 = 30; var height8 = 10;
|
|
|
+ var width = 100; var height = 120;
|
|
|
+ var width2 = 110; var height2 = 120;
|
|
|
+ var width3 = 50; var height3 = 140;
|
|
|
+ var width4 = 110; var height4 = 120;
|
|
|
+ var width6 = 90; var height6 = 95;
|
|
|
+ var width5 = 80; var height5 = 120;
|
|
|
+ var width7 = 120; var height7 = 120;
|
|
|
+ var width8 = 95; var height8 = 130;
|
|
|
+ var width9 = 150; var height9 = 80;
|
|
|
+ var width10 = 100; var height10 = 110;
|
|
|
+ var width11 = 90; var height11 = 100;
|
|
|
+ var width12 = 115; var height12 = 70;
|
|
|
+ var width13 = 100; var height13 = 115;
|
|
|
+ var width14 = 100; var height14 = 120;
|
|
|
|
|
|
// vistesse de deplacement
|
|
|
- var v = 0.01;
|
|
|
+ var v = 0.01;
|
|
|
|
|
|
var movx = Math.sin(event.time * (v + 0.05)) * 400; var movy = Math.cos(event.time * (v + 0.02)) * 200;
|
|
|
var movx2 = Math.sin(event.time * (v + 0.02)) * 380; var movy2 = Math.cos(event.time * (v + 0.08)) * 210;
|
|
@@ -549,8 +582,14 @@ function paperjs() {
|
|
|
var movx4 = Math.sin(event.time * (v + 0.04)) * 420; var movy4 = Math.cos(event.time * (v + 0.06)) * 180;
|
|
|
var movx5 = Math.sin(event.time * (v + 0.05)) * 440; var movy5 = Math.cos(event.time * (v + 0.05)) * 190;
|
|
|
var movx6 = Math.sin(event.time * (v + 0.02)) * 390; var movy6 = Math.cos(event.time * (v + 0.04)) * 230;
|
|
|
- var movx8 = Math.sin(event.time * (v + 0.03)) * 410; var movy7 = Math.cos(event.time * (v + 0.03)) * 170;
|
|
|
- var movx7 = Math.sin(event.time * (v + 0.04)) * 400; var movy8 = Math.cos(event.time * (v + 0.02)) * 200;
|
|
|
+ var movx7 = Math.sin(event.time * (v + 0.03)) * 410; var movy7 = Math.cos(event.time * (v + 0.03)) * 170;
|
|
|
+ var movx8 = Math.sin(event.time * (v + 0.04)) * 400; var movy8 = Math.cos(event.time * (v + 0.02)) * 200;
|
|
|
+ var movx9 = Math.sin(event.time * (v + 0.04)) * 350; var movy9 = Math.cos(event.time * (v + 0.02)) * 120;
|
|
|
+ var movx10 = Math.sin(event.time * (v + 0.04)) * 420; var movy10 = Math.cos(event.time * (v + 0.02)) * 220;
|
|
|
+ var movx11 = Math.sin(event.time * (v + 0.04)) * 400; var movy11 = Math.cos(event.time * (v + 0.02)) * 225;
|
|
|
+ var movx12 = Math.sin(event.time * (v + 0.04)) * 200; var movy12 = Math.cos(event.time * (v + 0.02)) * 180;
|
|
|
+ var movx13 = Math.sin(event.time * (v + 0.04)) * 350; var movy13 = Math.cos(event.time * (v + 0.02)) * 175;
|
|
|
+ var movx14 = Math.sin(event.time * (v + 0.04)) * 380; var movy14 = Math.cos(event.time * (v + 0.02)) * 200;
|
|
|
|
|
|
// contour blob
|
|
|
var sinus = Math.sin(event.time * ( - 0.05) + i); var cos = Math.cos(event.time * ( - 0.05) + i);
|
|
@@ -561,6 +600,12 @@ function paperjs() {
|
|
|
var sinus6 = Math.sin(event.time * (0.12) + i); var cos6 = Math.cos(event.time * (0.12) + i);
|
|
|
var sinus7 = Math.sin(event.time * ( - 0.25) + i); var cos7 = Math.cos(event.time * ( - 0.25) + i);
|
|
|
var sinus8 = Math.sin(event.time * (0.18) + i); var cos8 = Math.cos(event.time * (0.18) + i);
|
|
|
+ var sinus9 = Math.sin(event.time * ( - 0.18) + i); var cos9 = Math.cos(event.time * ( - 0.18) + i);
|
|
|
+ var sinus10 = Math.sin(event.time * (0.1) + i); var cos10 = Math.cos(event.time * (0.1) + i);
|
|
|
+ var sinus11 = Math.sin(event.time * (0.18) + i); var cos11 = Math.cos(event.time * (0.18) + i);
|
|
|
+ var sinus12 = Math.sin(event.time * (0.08) + i); var cos12 = Math.cos(event.time * (0.08) + i);
|
|
|
+ var sinus13 = Math.sin(event.time * (0.01) + i); var cos13 = Math.cos(event.time * (0.01) + i);
|
|
|
+ var sinus14 = Math.sin(event.time * (0.05) + i); var cos14 = Math.cos(event.time * (0.05) + i);
|
|
|
|
|
|
var rotatex = Math.sin(event.time * Math.PI/360) + i;
|
|
|
var rotatex2 = Math.sin(event.time * Math.PI/21) + i;
|
|
@@ -570,15 +615,27 @@ function paperjs() {
|
|
|
var rotatex6 = Math.sin(event.time * Math.PI/354) + i;
|
|
|
var rotatex7 = Math.sin(event.time * Math.PI/76) + i;
|
|
|
var rotatex8 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex9 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex10 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex11 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex12 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex13 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
+ var rotatex14 = Math.sin(event.time * Math.PI/10) + i;
|
|
|
|
|
|
var left = width - movx + 200; var top = height - movy + 200;
|
|
|
var left2 = width2 - movx2 + 200; var top2 = height2 - movy2 + 50;
|
|
|
var left3 = width3 - movx3 + 190; var top3 = height3 - movy3 + 30;
|
|
|
var left4 = width4 - movx4 + 50; var top4 = height4 - movy4 + 90;
|
|
|
var left5 = width5 - movx5 + 220; var top5 = height5 - movy5 + 25;
|
|
|
- var left6 = width6 - movx6 + 160; var top6 = height6 - movy6 + 150;
|
|
|
+ var left6 = width6 - movx6 + 160; var top6 = height6 - movy6 - 150;
|
|
|
var left7 = width7 - movx7 + 180; var top7 = height7 - movy7 + 160;
|
|
|
var left8 = width8 - movx8 + 220; var top8 = height8 - movy8 + 200;
|
|
|
+ var left9 = width9 - movx9 + 60; var top9 = height9 - movy9 + 20;
|
|
|
+ var left10 = width10 - movx10 - 155; var top10 = height10 - movy10 + 350;
|
|
|
+ var left11 = width11 - movx11 + 300; var top11 = height11 - movy11 - 150;
|
|
|
+ var left12 = width12 - movx12 - 255; var top12 = height12 - movy12 + 350;
|
|
|
+ var left13 = width13 - movx13 + 75; var top13 = height13 - movy13 + 150;
|
|
|
+ var left14 = width14 - movx14 - 90; var top14 = height14 - movy14 + 30;
|
|
|
|
|
|
segment.point.x = cos * width + left + 400; segment.point.y = sinus * height + top + 150;
|
|
|
segment2.point.x = cos2 * width2 + left2 + 400; segment2.point.y = sinus2 * height2 + top2 + 150;
|
|
@@ -588,6 +645,12 @@ function paperjs() {
|
|
|
segment6.point.x = cos6 * width6 + left6 + 400; segment6.point.y = sinus6 * height6 + top6 + 150;
|
|
|
segment7.point.x = cos7 * width7 + left7 + 400; segment7.point.y = sinus7 * height7 + top7 + 150;
|
|
|
segment8.point.x = cos8 * width8 + left8 + 400; segment8.point.y = sinus8 * height8 + top8 + 150;
|
|
|
+ segment9.point.x = cos9 * width9 + left9 + 400; segment9.point.y = sinus9 * height9 + top9 + 150;
|
|
|
+ segment10.point.x = cos10 * width10 + left10 + 400; segment10.point.y = sinus10 * height10 + top10 + 150;
|
|
|
+ segment11.point.x = cos11 * width11 + left11 + 400; segment11.point.y = sinus11 * height11 + top11 + 150;
|
|
|
+ segment12.point.x = cos12 * width12 + left12 + 400; segment12.point.y = sinus12 * height12 + top12 + 150;
|
|
|
+ segment13.point.x = cos13 * width13 + left13 + 400; segment13.point.y = sinus13 * height13 + top13 + 150;
|
|
|
+ segment14.point.x = cos14 * width14 + left14 + 400; segment14.point.y = sinus14 * height14 + top14 + 150;
|
|
|
|
|
|
// Rotate blob
|
|
|
path.rotate(rotatex);
|
|
@@ -598,6 +661,12 @@ function paperjs() {
|
|
|
path6.rotate(rotatex6);
|
|
|
path7.rotate(rotatex7);
|
|
|
path8.rotate(rotatex8);
|
|
|
+ path9.rotate(rotatex9);
|
|
|
+ path10.rotate(rotatex10);
|
|
|
+ path11.rotate(rotatex11);
|
|
|
+ path12.rotate(rotatex12);
|
|
|
+ path13.rotate(rotatex13);
|
|
|
+ path14.rotate(rotatex14);
|
|
|
|
|
|
// Smooth
|
|
|
path.smooth();
|
|
@@ -608,32 +677,89 @@ function paperjs() {
|
|
|
path6.smooth();
|
|
|
path7.smooth();
|
|
|
path8.smooth();
|
|
|
+ path9.smooth();
|
|
|
+ path10.smooth();
|
|
|
+ path11.smooth();
|
|
|
+ path12.smooth();
|
|
|
+ path13.smooth();
|
|
|
+ path14.smooth();
|
|
|
}
|
|
|
}
|
|
|
- $("a[href^='#facebook']").click(function(){
|
|
|
- path.fillColor = 'blue';
|
|
|
- console.log('true');
|
|
|
- });
|
|
|
- $("a[href^='#twitter']").click(function(){
|
|
|
- path2.fillColor = 'red';
|
|
|
- console.log('true');
|
|
|
- });
|
|
|
- $("a[href^='#instagram']").click(function(){
|
|
|
- path.fillColor = 'pink';
|
|
|
- console.log('true');
|
|
|
- });
|
|
|
- }
|
|
|
|
|
|
+ // var target = $('#reseauxsociaux.mCustomScrollbar');
|
|
|
+ // console.log('h_parts2',h_parts[1]);
|
|
|
+ // var href = target.find(h_parts);
|
|
|
+ // console.log('href',href);
|
|
|
+
|
|
|
+ $("a[href^='#rs_twitter']").hover(
|
|
|
+ function() {path.fillColor = 'blue';},
|
|
|
+ function() {path.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_sitesweb']").hover(
|
|
|
+ function() {path2.fillColor = 'blue';},
|
|
|
+ function() {path2.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_mails']").hover(
|
|
|
+ function() {path3.fillColor = 'blue';},
|
|
|
+ function() {path3.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_wiki']").hover(
|
|
|
+ function() {path4.fillColor = 'blue';},
|
|
|
+ function() {path4.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_tinder']").hover(
|
|
|
+ function() {path5.fillColor = 'blue';},
|
|
|
+ function() {path5.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_skype']").hover(
|
|
|
+ function() {path6.fillColor = 'blue';},
|
|
|
+ function() {path6.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_instagram']").hover(
|
|
|
+ function() {path7.fillColor = 'blue';},
|
|
|
+ function() {path7.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_whatsapp']").hover(
|
|
|
+ function() {path8.fillColor = 'blue';},
|
|
|
+ function() {path8.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_messenger']").hover(
|
|
|
+ function() {path9.fillColor = 'blue';},
|
|
|
+ function() {path9.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_facebook']").hover(
|
|
|
+ function() {path10.fillColor = 'blue';},
|
|
|
+ function() {path10.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_slack']").hover(
|
|
|
+ function() {path11.fillColor = 'blue';},
|
|
|
+ function() {path11.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_outilsframasoft']").hover(
|
|
|
+ function() {path12.fillColor = 'blue';},
|
|
|
+ function() {path12.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_outilsgoogle']").hover(
|
|
|
+ function() {path13.fillColor = 'blue';},
|
|
|
+ function() {path13.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ $("a[href^='#rs_airBnb']").hover(
|
|
|
+ function() {path14.fillColor = 'blue';},
|
|
|
+ function() {path14.fillColor = 'grey';}
|
|
|
+ );
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
+
|
|
|
$(document).ready(function() {
|
|
|
// paperjs();
|
|
|
// clickcanvena();
|
|
|
mCustomScrollbar();
|
|
|
clickhand();
|
|
|
drag();
|
|
|
- // dragcanvas();
|
|
|
+ // markerFunction();
|
|
|
+ dragcanvas();
|
|
|
map();
|
|
|
- // paperjs();
|
|
|
+ paperjs();
|
|
|
// D3js();
|
|
|
});
|