# How to add border/background image to display image in a given code

**URL:** <https://forum.kirupa.com/t/how-to-add-border-background-image-to-display-image-in-a-given-code/302999>\
**Category:** Uncategorized\
**Created:** [January 12, 2010, 7:30am UTC](https://forum.kirupa.com/t/how-to-add-border-background-image-to-display-image-in-a-given-code/302999 "2010-01-12T07:30:34Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![amar\_trigma](https://avatars.discourse-cdn.com/v4/letter/a/d07c76/32.png) [@amar\_trigma](https://forum.kirupa.com/u/amar_trigma)\
**Post date:** [January 12, 2010, 7:30am UTC](https://forum.kirupa.com/t/how-to-add-border-background-image-to-display-image-in-a-given-code/302999/1 "2010-01-12T07:30:34Z")

</div>

Hi,

I am using this following code to display images using xml.Everything is working fine for me but i have to add background image or border to the displayed image using function [COLOR=#FF6600]BitmapFileMaterial.[/COLOR]

If any body knows please help me or guide me with some other way like using BitmapData or Bitmap Class but same functionality.  
Hope i got the answer here.

Thanks,  
Amar

/\*  
Modified by Min Thu  
[http://www.flashmo.com](http://www.flashmo.com/)

AS3 References and Credits  
[http://blog.papervision3d.org/](http://blog.papervision3d.org/)  
[http://theflashblog.com/?p=306](http://theflashblog.com/?p=306)  
[http://www.gotoandlearn.com/](http://www.gotoandlearn.com/)  
[http://www.onerutter.com/](http://www.onerutter.com/)  
[http://labs.blitzagency.com/](http://labs.blitzagency.com/)  
[http://vilebody.wordpress.com/2007/11/29/3d-papervision-plane-events/](http://vilebody.wordpress.com/2007/11/29/3d-papervision-plane-events/)  
_/  
import org.papervision3d.scenes._;  
import flash.display.Shape;  
import org.papervision3d.cameras._;  
import org.papervision3d.objects._;  
import org.papervision3d.materials.\*;  
import flash.display.Sprite;  
import flash.events.MouseEvent;  
import flash.display.Graphics;

var container:Sprite = new Sprite();  
container.x = stage.stageWidth \* 0.5;  
container.y = stage.stageHeight \* 0.5;  
addChild(container);

var scene:Scene3D = new MovieScene3D(container);  
var cam:Camera3D = new Camera3D();  
cam.zoom = 4.5;

tn\_title.text = “”;  
tn\_desc.text = “”;  
tn\_url.text = “”;

var p\_dict:Dictionary=new Dictionary();  
var pc:Plane = new Plane();  
pc.visible = false;  
cam.target = pc;

var numOfRotations:Number = 2;  
var yPos:Number = 0;  
var angle:Number = 0;

var filename\_list = new Array();  
var url\_list = new Array();  
var url\_target\_list:Array = new Array();  
var title\_list = new Array();  
var description\_list = new Array();  
var background\_list = new Array();  
var folder:String = “thumbnails/”;

var i:Number;  
var total:Number;  
var flashmo\_xml:XML = new XML();  
var loader:URLLoader = new URLLoader();  
loader.load(new URLRequest(“thumbnail\_list.xml”));  
loader.addEventListener(Event.COMPLETE, create\_thumbnail);

function create\_thumbnail(e:Event):void  
{  
flashmo\_xml = XML(e.target.data);  
total = flashmo\_xml.record.length();

```
var anglePer:Number = ((Math.PI*2) * numOfRotations) / total;

for( i = 0; i &lt; total; i++ )
{
    url_list.push( flashmo_xml.record*.link.toString() );
    url_target_list.push( "_blank" );
    title_list.push( flashmo_xml.record*.title.toString() );
    description_list.push( flashmo_xml.record*.description.toString() );
    background_list.push( flashmo_xml.record*.background.toString() );
    
   [COLOR=#FF6600] ////// how to add border to this bitmap return data[/COLOR]
   [COLOR=#FF6600] var bfm:BitmapFileMaterial = new BitmapFileMaterial(
    folder + flashmo_xml.record*.image.toString());
    bfm.oneSide = false;
    bfm.smooth = true;[/COLOR]

    var p:Plane = new Plane(bfm, 140, 105, 2, 2);

    
    scene.addChild(p);
    var p_container:Sprite = p.container;
    p_container.name = "flashmo_" + i;
    p_dict[p_container] = p;

    p_container.buttonMode = true;
    p_container.addEventListener(MouseEvent.ROLL_OVER,p_rollover);
    p_container.addEventListener( MouseEvent.ROLL_OUT, p_rollout );
    p_container.addEventListener( MouseEvent.CLICK, p_click );
    p.x = Math.cos(i * anglePer) * 400;
    p.z = Math.sin(i * anglePer) * 400;
    p.y = yPos += 40;
    p.rotationY = (-i*anglePer) * (180/Math.PI) + 270;
    
}

```

}  
var sp2:Sprite = new Sprite();  
function p\_rollover(me:MouseEvent)  
{  
var sp:Sprite = me.target as Sprite;  
sp.alpha = 0.4;

```
var s_no:Number = parseInt(sp.name.slice(8,10));
tn_title.text = title_list[s_no];
tn_desc.text = description_list[s_no];
tn_url.text = url_list[s_no];

```

}

function p\_rollout(me:MouseEvent)  
{  
var sp:Sprite = me.target as Sprite;  
sp.alpha = 1;  
tn\_title.text = “”;  
tn\_desc.text = “”;  
tn\_url.text = “”;

}  
function p\_click(me:MouseEvent)  
{  
var sp:Sprite = me.target as Sprite;

```
var s_no:Number = parseInt(sp.name.slice(8,10));
navigateToURL(new URLRequest(url_list[s_no]), url_target_list[s_no]);

```

}

addEventListener(Event.ENTER\_FRAME, render);

function render(e:Event):void  
{

```
var dist:Number = ((stage.mouseY) - stage.stageHeight * 0.5) * 0.00001;
var dist2:Number = ((stage.mouseX) - stage.stageWidth * 0.5) * 0.000125;
angle += dist2;

cam.x = Math.cos(angle) * 760;
cam.z = Math.sin(angle) * 760;
cam.y += dist;
if(cam.y &lt; 100) cam.y = 100;
if(cam.y &gt; 780) cam.y = 780;
pc.y = cam.y;
scene.renderCamera(cam);

```

}