set content on stackpane instead of using visible and invisible

Question

I am using a pane which has all the content what I want to do is set new content ones the next button is clicked. I could use set invisible and visible for the next content but this is not what I want I want to have it in the stackpane and so I have a image stored in their and the button.

Answer 1

You can add an imageview object to your stackpane and change the image within when the button is clicked.

UPDATED ANSWER

@Override
    public void start(Stage primaryStage) {
        Button btn = new Button("One");
        Button btn2 = new Button("Two");
        btn2.setTranslateX(btn.getTranslateX() + 60);
        Image img1 = new Image ("https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Thumbs_up_font_awesome.svg/512px-Thumbs_up_font_awesome.svg.png");
        Image img2 = new Image ("https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/512/thumbs_down.png");

        Image loadImg = new Image("http://www.ledr.com/colours/white.jpg");
        ImageView imgHolder = new ImageView(loadImg);
        imgHolder.setVisible(false);
        imgHolder.setFitHeight(100);
        imgHolder.setFitWidth(100);
        //Offset stackapane
        imgHolder.setTranslateY(-80);

        Random rand = new Random();


        btn.setOnAction(e->{
        int randomNum = rand.nextInt(10) + 1;
        imgHolder.setVisible(true);
        if(randomNum % 2 == 0){

               imgHolder.setImage(img1);
           } 
           else{
            imgHolder.setImage(img2); 
           }
        });
        //Repeat action for btn2

        StackPane root = new StackPane();
        root.getChildren().addAll(btn,btn2,imgHolder);
        Scene scene = new Scene(root, 300, 250);
        primaryStage.setScene(scene);
        primaryStage.show();
    }