sourcer une image du serveur sur son site
Bonjour,
J'écris une application web dans laquelle j'utilise une bibliothèque coverflow.js
Dans ma page html, dans un javascript, je source des images depuis le repertoire locale de l'application (images/lipstick/*.jpg). Le répertoire et les images existent bien! Et pourtant dans le déboggueur j'obitens:
Code:
GET http://localhost:3000/login/images/lipstick/IMAG0266.jpg 404 (Not Found)
pour toutes les images recherchées.
Le plus étonnant est que dans une autre page de ce même site j'utilise une video avec pour adresse source video/weather/*.mp4 dans une balise video html.
J'imagine que la différence est que le html source bien depuis le disque alors le javascript s’exécutant à distance cherche une url (dites-moi si je me trompe). Oui! mais alors comment faire?
voici un extrait du code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
| <SCRIPT type="text/javascript" ></SCRIPT>
<SCRIPT type="text/javascript">
var canvas_compatible = false;
try {
canvas_compatible = !!(document.createElement('canvas').getContext('2d'));
} catch(e) {}
if (canvas_compatible) document.getElementById("__cvfl-coverflow-holder").style.display="";
else document.getElementById("oldlist").style.display="";
</SCRIPT>
<SCRIPT type="text/javascript">
if (canvas_compatible) {
window.onload = function(){ Application.init([
<% @file.each do |f|%>
{src: <%='\''+'images/lipstick/'+ f+'\'' %>,
label: {album: 'ha', artist: 'ha', url:'ha', high:<%='\''+'images/lipstick/'+ f+'\'' %>}},
<%end%>
],
{ createLabel: function(item)
{
return item.label.album +'<br><span id="artist">'+ item.label.artist + '</span><br><a href="' + item.label.url + '">'+item.label.url+'</a>';
},
onSelectCenter: function(item,id){
var img = new Image();
img.onload = function(){
Lightbox.show(this.src,id);
};
img.src = item.label.high;
},
refill: function(start){
new HTTPQuery("/ajax/cflow/0/?from="+start+"&l=1&cache=3998668924011356071",0,"updateCflow");
}
});
}
}
function updateCflow(oHttp) {
cResponse = oHttp.responseText;
if (cResponse.substr(0,1)=="!"){
cResponse=cResponse.substr(1);
eval(cResponse);
}
}
</SCRIPT> |
je précise qu'une partie du code est écris dans une appli rails.
Merci.
