sourcer une image du serveur sur son site

**pitispike** · 22/07/2011, 20h11

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>