source: spip-zone/_plugins_/photos/photos_pipelines.php

Last change on this file was 45983, checked in by klaus@…, 10 years ago

javascript sans balises de commetaire <!-- --> provoquait une erreur due W2C validator (validator.w3.org)

File size: 3.3 KB
Line 
1<?php
2        function photos_header_prive($flux){
3                $flux .= "";
4        return $flux;
5        }
6 function photos_insert_head($flux){
7 $flux .="<!-- Debut header photos -->
8<script type='text/javascript' src='plugins/photos/js/highslide-full.js'></script>
9<link rel='stylesheet' type='text/css' href='plugins/photos/css/highslide.css' />
10<!--[if lt IE 7]>
11<link rel='stylesheet' type='text/css' href='plugins/photos/js/highslide-ie6.css' />
12<![endif]-->
13
14
15
16<!--
17    2) Optionally override the settings defined at the top
18    of the highslide.js file. The parameter hs.graphicsDir is important!
19    Add the slideshow and do some adaptations to this example.
20-->
21
22<script type='text/javascript'><!--
23        hs.graphicsDir = 'squelettes/graphics/';
24        hs.transitions = ['expand', 'crossfade'];
25        hs.restoreCursor = null;
26        hs.lang.restoreTitle = 'Click pour changer d\'image';
27
28        // Add the slideshow providing the controlbar and the thumbstrip
29        hs.addSlideshow({
30                //slideshowGroup: 'group1',
31                interval: 5000,
32                repeat: true,
33                useControls: true,
34                overlayOptions: {
35                        position: 'bottom right',
36                        offsetY: 50
37                },
38                thumbstrip: {
39                        position: 'above',
40                        mode: 'horizontal',
41                        relativeTo: 'expander'
42                }
43        });
44
45        // Options for the in-page items
46        var inPageOptions = {
47                //slideshowGroup: 'group1',
48                outlineType: null,
49                allowSizeReduction: false,
50                wrapperClassName: 'in-page controls-in-heading',
51                useBox: true,
52                width:500,
53                height: 400,
54                targetX: 'gallery-area 10px',
55                targetY: 'gallery-area',
56                captionEval: 'this.thumb.alt',
57                numberPosition: 'caption'
58        }
59
60        // Open the first thumb on page load
61        hs.addEventListener(window, 'load', function() {
62                document.getElementById('thumb1').onclick();
63        });
64
65        // Cancel the default action for image click and do next instead
66        hs.Expander.prototype.onImageClick = function() {
67                if (/in-page/.test(this.wrapper.className))     return hs.next();
68        }
69
70        // Under no circumstances should the static popup be closed
71        hs.Expander.prototype.onBeforeClose = function() {
72                if (/in-page/.test(this.wrapper.className))     return false;
73        }
74        // ... nor dragged
75        hs.Expander.prototype.onDrag = function() {
76                if (/in-page/.test(this.wrapper.className))     return true;
77        }
78
79        // Keep the position after window resize
80    hs.addEventListener(window, 'resize', function() {
81                var i, exp;
82                hs.page = hs.getPageSize();
83
84                for (i = 0; i < hs.expanders.length; i++) {
85                        exp = hs.expanders[i];
86                        if (exp) {
87                                var x = exp.x,
88                                        y = exp.y;
89
90                                // get new thumb positions
91                                exp.tpos = hs.getPosition(exp.el);
92                                x.calcThumb();
93                                y.calcThumb();
94
95                                // calculate new popup position
96                                x.pos = x.tpos - x.cb + x.tb;
97                                x.scroll = hs.page.scrollLeft;
98                                x.clientSize = hs.page.width;
99                                y.pos = y.tpos - y.cb + y.tb;
100                                y.scroll = hs.page.scrollTop;
101                                y.clientSize = hs.page.height;
102                                exp.justify(x, true);
103                                exp.justify(y, true);
104
105                                // set new left and top to wrapper and outline
106                                exp.moveTo(x.pos, y.pos);
107                        }
108                }
109        });
110//-->
111</script>
112
113
114<style type='text/css'>
115        .highslide-image {
116                border: 1px solid black;
117        }
118        .highslide-controls {
119                width: 90px !important;
120        }
121        .highslide-controls .highslide-close {
122                display: none;
123        }
124        .highslide-caption {
125                padding: .5em 0;
126        }
127</style>";
128return $flux;
129 }
130?>
Note: See TracBrowser for help on using the repository browser.