Forum - Neues Profilfeld Mehrfachauswahl Bilder

<style>
.formfield, .formfield label {float:left; margin-right:5px;}
.formfield label p {height:100px; width:120px; background:transparent; margin:10px; z-index:99999; }
.formfield label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
.formfield label p img:hover {max-width:250px; position:absolute;}
.messageinformation td img {max-width:120px;}
.memberlist td img {max-width:120px;}
.tablecell img {max-width:200px; background:transparent;}
.hover_pass {margin:10px; position:absolute;}
 input[type="radio"] {box-shadow:none;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
$(function(){
$("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>");
$("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>");
$("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>");
 
$(".tablecell:contains('Ausweis 1'),.messageinformation td:contains('Ausweis 1'),.memberlist td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
$(".tablecell:contains('Ausweis 2'),.messageinformation td:contains('Ausweis 2'),.memberlist td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
$(".tablecell:contains('Ausweis 3'),.messageinformation td:contains('Ausweis 3'),.memberlist td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
$(".tablecell:contains('novalue')").html("Nicht angegeben");
/* $(".messageinformation td:contains('Nicht angegeben')").each(function(){$(this).closest("tr").hide();}); */
/* $(".tablecell:contains('keine Angabe')").each(function(){$(this).closest(".profilerow").hide();}); */ 
 
$(".formfield br").remove();
});
</script>
 

<style>
.formfield, .formfield label {float:left; margin-right:5px;}
.formfield label p {height:100px; width:120px; background:transparent; margin:10px; z-index:99999; }
.formfield label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
.formfield label p img:hover {max-width:250px; position:absolute;}
.messageinformation tr td:nth-child(3) img {max-width:20px;}
.memberlist td img {max-width:120px;}
.tablecell img {max-width:200px; background:transparent;}
.hover_pass {margin:10px; position:absolute;}
 input[type="radio"] {box-shadow:none;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
$(function(){
$("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>").click(function(){$('#textfield_1').closest("input").attr('value', '');});
$('#textfield_1').closest("input").click(function(){$(".formfield label:contains('keine Angabe') input").attr('checked', 'checked');}); 
 
$(".tablecell:contains('Ausweis 1'),.messageinformation td:contains('Ausweis 1'),.memberlist td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
$(".tablecell:contains('Ausweis 2'),.messageinformation td:contains('Ausweis 2'),.memberlist td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
$(".tablecell:contains('Ausweis 3'),.messageinformation td:contains('Ausweis 3'),.memberlist td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
$(".tablecell").each(function(){if($("img",this).attr("src") == ""){$(this).closest(".profilerow").hide();};}); 
$(".tablecell:contains('novalue')").html("Nicht angegeben");
/* $(".messageinformation td:contains('Nicht angegeben')").each(function(){$(this).closest("tr").hide();}); */
/* $(".tablecell:contains('keine Angabe')").each(function(){$(this).closest(".profilerow").hide();}); */
 
$(".formfield br").remove();
$("#textfield_1").attr("placeholder","z.B. https://files.homepagemodules.de/b572344/a_925_717544d9.jpg");
 
});
</script>
 

<style>
  .form-group label {float:left; margin-right:20px;}
  .form-group label p {height:90px; width:120px; background:transparent; z-index:99999; margin:5px;}
  .form-group label p img {max-width:120px; transition-property: max-width; transition-duration: 0.5s; transition-delay: 0.6s;cursor:pointer;}
  .form-group label p img:hover {max-width:250px;position:absolute;}
  #cf_Forenausweis .col-sm-8 img {max-width:100px; background:transparent;}
  .forum_listing td img {max-width:120px;}
  .userdetails .minfo_cont img {max-width:100px;}
  .hover_pass {margin:10px; position:absolute;}
   input[type="radio"] {box-shadow:none;}
  /* Seitenkorrektur Beitrag rechts */ 
  .message_leftcol {max-width:40%;}
  .message_leftcol .minfo_cont {width:200px;}
</style>
 
<script>
var Forenausweis_1 = "https://files.homepagemodules.de/b572344/a_924_5b73520b.jpg"
var Forenausweis_2 = "https://files.homepagemodules.de/b572344/a_925_717544d9.jpg"
var Forenausweis_3 = "https://files.homepagemodules.de/b572344/a_926_8b81acf9.jpg"
 
window.addEventListener('load', function(){
  $('.form-group').after('<div style="clear:both;"></div>');
 
  $("#radio_1_answer_1").after("<p><img src="+Forenausweis_1+"></p>");
  $("#radio_1_answer_2").after("<p><img src="+Forenausweis_2+"></p>");
  $("#radio_1_answer_3").after("<p><img src="+Forenausweis_3+"></p>");
 
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 1'),.userdetails .minfo_cont:contains('Ausweis 1'),.forum_listing td:contains('Ausweis 1')").html("<img src="+Forenausweis_1+">");
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 2'),.userdetails .minfo_cont:contains('Ausweis 2'),.forum_listing td:contains('Ausweis 2')").html("<img src="+Forenausweis_2+">");
  $("#cf_Forenausweis .col-sm-8:contains('Ausweis 3'),.userdetails .minfo_cont:contains('Ausweis 3'),.forum_listing td:contains('Ausweis 3')").html("<img src="+Forenausweis_3+">");
 
  $(".userdetails .minfo_cont:contains('novalue')").html("Nicht angegeben");
  /* $(".userdetails .minfo_cont:contains('Nicht angegeben')").each(function(){$(this).closest(".row").hide();}); */
  /* $(".customfieldrow div:contains('keine Angabe')").each(function(){$(this).closest(".customfieldrow").hide();});*/
 
});
</script>