I need help with my GUI Photo Album.

Question

Hello! I'm still learning bits about GUI and I need some assistance to make my basic program work. I've searched the forums to look at past Photo Album projects; they didn't help much or maybe I'm overlooking some things. Every time I click the "Next" button the image doesn't change. It may be a simple task to solve, but I'm really stumped! Sorry if it's such a stupid thing to ask. Thanks in advance.
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.io.*;
public class PhotoAlbum extends JPanel {
    int i = 1;
    JFrame frame = new JFrame("Photo Album");
    JButton next = new JButton("Next");
    ImageIcon icon = new ImageIcon("../Images/" + i + ".jpg");
    JLabel picture = new JLabel(icon);
    ButtonListener buttonListener = new ButtonListener();
    public PhotoAlbum() {
        frame.setSize(700, 600);
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.getContentPane().setLayout(new BorderLayout(5,5));
        frame.getContentPane().add(picture, BorderLayout.CENTER);
        frame.getContentPane().add(next, BorderLayout.SOUTH);
        next.addActionListener(buttonListener);
        frame.setVisible(true);
    class ButtonListener implements ActionListener {
        public void actionPerformed(ActionEvent e) {
            if(e.getSource() == next){
                ++i;
}

Answer 1

WafflesNSyrup wrote:
int i = 1;
ImageIcon icon = new ImageIcon("../Images/" + i + ".jpg");
++i;
So I understand that you originally thought incrementing (i) would somehow update (icon) since it uses (i) in an expression. But now you hopefully know this is not a magical expression language.
I bet you would have also thought that this:
int x = 1;
int y = 2;
int z = x + y;
x = 42;
y = 58;would have ended up with z having the value 100? It doesn't. It did the math once, when it executed the expression (x + y) and stored it in the variable (z). So z == 3, regardless of what happens to x or y after the fact.