function idone() {
  $('#id1').on('click', function () {
    var newclass = $(".f1").attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });
}

function idtwo() {
  $('#id2').on('click', function () {
    var newclass = $(".f2").attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });
}

function idthree() {
  $('#id3').on('click', function () {
    var newclass = $(".f3").attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });
}

<div class="divs" id="id1"></div>
<div class="divs" id="id2"></div>

<span class="fid1"></span>

$('.divs').on('click', function () {
    var newclass = $('.f'+this.id).attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });

function id(number) {
  $('#id' + number).on('click', function () {
    var newclass = $(".f" + number).attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });
}

<button id="id1" class="myBtn"></button>

$('.myBtn').on('click', function () {
        var id= this.id;
        var newclass = $('.f'+id).attr("class");
        var oldclass = $("#photo").attr("class");
        $("#photo").fadeOut(function() {
          $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
        });
      });

var ids = ['id1', 'id2', 'id3'];
var fClasses = ['f1', 'f2', 'f3'];

function myFunc(index) {
  $('#' + ids[index]).on('click', function () {
    var newclass = $('.' + fClasses[index]).attr("class");
    var oldclass = $("#photo").attr("class");
    $("#photo").fadeOut(function() {
      $("#photo").removeClass(oldclass).addClass(newclass).fadeIn('slow');
    });
  });
}

$('[id^=id]').on('click', function () {
    var classToToggle = $(".f"+this.id.replace(/[^d]/g,'')).attr("class") + ' ' + $("#photo").attr("class");
    $("#photo").fadeOut(function() {
        $("#photo").toggleClass(classToToggle).fadeIn('slow');
    });
});